Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
175
Calendar showing behind window
posted

Hi There,

I have a webdialog with calendars on them. If I us the Infragistics DatePicker all works fine but I do not like that the calendar looks like a drop down. I prefer there to be a calendar icon next to the entry field.
So I have used a Telerik DatePicker but when I select it the calendar appears behind the WebDialog. I have tried changing the z-index but it still does not fix it.

Does anyone have any idea why this is happening? I have attached a url for screen video of the problem.

Thanks for your help.

Best Regards,

Steve Wilson. 

  • 24497
    Suggested Answer
    posted

    Hi Steve,

    It is not clear what exactly you would like to change in the appearance of calendar. I could not recognize which exactly control is used on left side of attached video WebDatePicker or WebDateChooser. I assume that is WebDatePicker. In any case both of them allow to modify appearance of their drop-down calendar, hide show title, footer, week numbers, etc.

    The WebDatePicker before dropping its calendar calculates largest value of z-index for all its parents and dynamically adjusts z-index of calendar accordingly, so it appears above parents.

    The drop-down calendar of editor on the right side of attached video probably uses hard coded z-index of its container, or it is attached to the wrong parent (which is located before dialog). I have no sugggestions to fix.
    Well maybe you may hack into javascript used by datepicker on right and do fix by yourself (run in debugger, set break points and find place where calendar is dropped and get references to its containers). Sure it is possible if js file is not compressed.