CODEWITHSUNDEEP
oracle-apexoracle-apex-5
Mark
Mark

Reputation: 55

Oracle Apex 5 Calendar Drop-down disappears behind column headers of the report

enter image description hereIn Region Position 02, I have a date picker. Then directly below that, in the body, I have an interactive report (with no actions menu). I made it an interactive report so that the column headers will always appear at the top of the page when the user scrolls down. However, when I click on the calendar icon and the calendar menu drop down appears, it appears behind the headers of my interactive report. I have tried to adjust the Z-INDEX in CSS code but that doesn't work.

One note: On the interactive report, when I fix the headers to the report, the calendar drop-down will appear as desired. But, the headers will disappear as the user scrolls down. So, I have to fix the headers to the page.

Upvotes: 1

Views: 859

Answers (1)

romeuBraga
romeuBraga

Reputation: 2165

It looks like this issue has been resolved in the new version.

https://apex.oracle.com/pls/apex/f?p=145797:21

Did you select the correct div to change the z-index value?

In the new version of apex, the selector of date-pop-up is div#ui-datepicker-div, to change write in this page something like this:

div#ui-datepicker-div {
   z-index: 99999 !important;
}

enter image description here

Upvotes: 1

Related Questions