Skip to Main Content

APEX

Announcement

For appeals, questions and feedback about Oracle Forums, please email oracle-forums-moderators_us@oracle.com. Technical questions should be asked in the appropriate category. Thank you!

Modal iframe Datepicker cuts off

Noel McCuskerOct 18 2018 — edited Oct 21 2018

Hi All,

We have a number of modal forms in our application where the datepicker appears below the bottom of the modal

pastedImage_0.png

This makes it impossible to select the later dates on the date picker.

I've written an on-load jQuery in the parent of the modal page to take advantage of the scroll height and increase the divs height accordingly, What is the best approach?

Thanks

function setIframeHeight(iframe,origHeight) {

if (iframe) {

           parent\_container = $('.t-Dialog-page--standard');

           var iframeWin = iframe.contentWindow;

    if (iframeWin.document.body) {

        if (iframeWin.document.documentElement.scrollHeight > iframeWin.document.documentElement.clientHeight)

                      { newHeight = iframeWin.document.documentElement.scrollHeight;

                       $(parent\_container).height(newHeight);}

                     else {$(parent\_container).height(origHeight);}

    }

}

setTimeout(function(){setIframeHeight($('#apex_dialog_1 iframe')[0],origHeight);}, 1000);

};

$(window).on( "dialogfocus", function() {

setTimeout(function(){setIframeHeight($('#apex\_dialog\_1 iframe')\[0\],$('#apex\_dialog\_1').height());}, 2000);

});

This post has been answered by askMax - Maxime Tremblay on Oct 19 2018
Jump to Answer
Comments
Post Details
Added on Oct 18 2018
3 comments
1,535 views