Click here to Skip to main content
15,030,183 members
Please Sign up or sign in to vote.
5.00/5 (1 vote)
See more:
I have a 'textbox' in 'Panel' , and the Panel popup through 'button1' click using 'ModalPopupExtender'. Now I want to include the calendar extender in 'textbox'.

The problem is that the calendar popups but cannot be clicked.. is there any solution.
please help.
Posted
Comments
NAPorwal(8015059) 6-Nov-12 5:20am
   
can u show the code

Ensure that that the CalenderExtender control is situated inside the Panel.

Then look at the style applied to the page using F12 in IE (version 7+)

You can navigate the page controls and look at the styles. I suspect the Calendar popup z-index is underneath the ModalPopUpExtenders layer order.
   
Comments
pryashrma 6-Nov-12 6:43am
   
Thanks for the help
Found the solution:

Add this bit of javascript to your page:

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

And then in the attributes for your calendar extender, add:
C#
OnClientShown="calendarShown"

source:
http://stackoverflow.com/questions/1632120/calendarextender-in-modalpopupextender/1956024#1956024
   
Or you can add this to css, no Javascript needed.

C#
.ajax__calendar_body
{
    z-index: 100004;
}
   
Comments
pryashrma 6-Nov-12 6:55am
   
right

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)




CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900