Only Filters Show Up – No Listings, Take 2

Hello,

It looks like the data for the sort field is missing. That is required to be set. By default it is -dateLastPublished but if it isn’t there currently I would suggest setting it to be so. This can be set in the Career Portal configuration page found under WPAdmin > Plugins > Career Portal.

Please let me know if you have more questions.

• This reply was modified 6 years, 4 months ago by charlesabarnes.

Charles,
You worked your magic! Thank you.
The data field “Sort Field for Jobs*” was empty. Your code did the trick. You can close this item.

On a related topic … do you have info regarding a couple of usability issues on mobile? I have ticket #03368805 with Delores in your support center.
1 – Can’t close the tooltip for file types because the iframe is not fully responsive and the X to close the popup isn’t showing.
2 – The button for “Attach Resume File” works only with a double-click and not a single-click if user touches the words. If user touches inside the box but outside the words, it works with a single click.

I can open another forum topic, if you prefer.

Thanks for the help and Happy Thanksgiving!

For 2. I was able to communicate with the analyst that is working on the ticket and she is going to escalate this. I am starting to work on the research into WHY this is happening. It seems as if the browser is rejecting the action completely.

For 1. This is theme dependent as the career portal is in an iframe for this. The styling on the page can be overridden to give the portal 100% width. However I did try this on a iPhone SE (low resolution phone) and I was able to close the tooltip. Below I have provided a screenshot of this.

View post on imgur.com

Thank you, Charles.
Regarding item 1, you wrote that The styling on the page can be overridden to give the portal 100% width. In the Career Portal Configuration plugin, our width is set at 100%. Can you tell me where / how do I style the page to give the portal 100% width?

The Portal itself is given 100% width which fills the div that it resides in. The parent div needs to be adjusted to be 100% of the width of the screen. This possibly needs to be done in your theme’s styles.

Charles,
Thanks for the idea. I worked with our theme support, and here is a fix that should work with any theme:

Add this custom CSS to your site:
iframe {
max-height: 100%;
max-width: 100%;
min-height: 100%;
min-width: 100%;
width: 0;
}

If you want to apply the fix only for that specific iframe, use this custom CSS:
iframe.iframe-class {
max-height: 100%;
max-width: 100%;
min-height: 100%;
min-width: 100%;
width: 0;
}

This solved the issue of the iframe’s width on iOS. It was already OK on Android.

The only thing outstanding now is the issue with the button on iOS. To upload a resume file, user has to double-click or click in the box but outside the words.

Thanks for the continued support.