search

ericmmartin / simplemodal

A modal dialog framework for jQuery
http://simplemodal.com/
Other
506 stars 229 forks source link

Jquery Datepicker widget is now showing up into simplemodal dialog #49

Open dkedar opened 10 years ago

dkedar commented 10 years ago

simple-modal Hello,

Currently, I am using simplemodal plugin into one of my project, its is working fine, but along with that I am also using JqueryUI datepicker widget, I have textfield into simplemodal dialog and I need to show a datepicker tigger by image Icon. but when I click the Trigger Image datepicker don't showing up..

If any solution then let me know..

JohnSThomas commented 8 years ago

This is a DOM issue. If the highest parent of the datepicker has a higher z-index than the sibling parent of the modal, it will show up higher.

HTML

<div id="parent-of-modal">
    <div id="modal">
        Your Content
    </div>
</div>
<div id="parent-of-datepicker">
    <div class="datepicker">
        Dates and such
    </div>
</div>

CSS

#parent-of-modal {
    position: relative;
    z-index: 20;    
}

#parent-of-datepicker {
    position: relative;
    z-index: 10;
}