How to style an ajax calendar inside a gridview [Resolved]

Posted by Sharpcnet under CSS 3 on 1/7/2014 | Points: 10 | Views : 1144 | Status : [Member] | Replies : 2
When the calendar pops up, it appears behind the textbox of the successive row,and so hiding a few dates. How can I fix this.

<asp:gridview>
<asp:Templatefield>
<itemtemplate>
<div style="position:relative">
<asp:textbox id="txtDate"/>
<asp:calendarextender popupposition="bottomright" Targetcontrolid="txtDate"/>
</div>
</itemtemplate>
</asp:Templatefield>
</asp:gridview>





Responses

Posted by: Sharpcnet on: 1/8/2014 [Member] Starter | Points: 25

Up
0
Down

Resolved
Thank you. You havent mentioned where?
The calendar control applies its own classes. and this one solved my problem

.ajax__calendar_container
{
z-index:10 !important;
}

Sharpcnet, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: kgovindarao523-21772 on: 1/7/2014 [Member] [MVP] Bronze | Points: 25

Up
0
Down
Hi
Try using CSS Property z-index
ex: style="z-index:10" or style="z-index:-10"

Thank you,
Govind

Sharpcnet, if this helps please login to Mark As Answer. | Alert Moderator

Login to post response