Just posted this in another discussion...
I'm using jquery ui 1.7
The trick is to capture the datepicker before show and change the z-
index on it... here is the code I'm using..
.datepicker({
beforeShow: function (i, e) {
var z = jQuery(i).closest(".ui-dialog").css("z-index") + 4;
e.dpDiv.css('z-index', z);
}
})
the function is passed two arguments... The first is the input field
to which the datepicker instance is attached and the second is the
datepicker instance itself... This needs to be done every time the
datepicker is opened (thus why bound to the event) because dialog()
continually changes the z-index of the overlay and dialog itself.
I might also use the onClose option to reset the value on the
datepicker element. More on the events here:
http://jqueryui.com/demos/datepicker/#event-beforeShow
On Mar 18, 3:36 pm, Randy <[email protected]> wrote:
> Hi,
>
> I'm using thedatePickerin an ASP.Net environment with another set of
> controls (from Developer Express). The date control is being shown
> from a modal popup control - but it is appearing behind that control.
>
> I've tried altering thez-indexin the CSS - jacked it all the way to
> 1000.
>
> Does anyone know how I can ensure that the data popup is THE topmost
> control on the form?
>
> Regards,
> Randall
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
