How to make CalendarExtender show in front of ModalPopupExtender?

Question

How to make CalendarExtender, extending TextBox placed inside ModalPopupExtender, to show in front of ModalPopupExtender ?

Answer 1

Add this bit of javascript to your page:

    function calendarShown(sender, args)
    {
        sender._popupBehavior._element.style.zIndex = 10005;
    }

And then in the attributes for your calendar extender, add:

OnClientShown="calendarShown"

Answer 2

My solution is in CSS:

.ajax__calendar_container
{
    position: relative;
}