Click here to Skip to main content
15,891,136 members
Please Sign up or sign in to vote.
1.00/5 (1 vote)
See more:
I'm able to select (view) only few dates in calender extender


Its showing only top two rows And ignoring rest..


i.e, in a month its showing only ten days (5days/row)

this is my item template of my gridview





XML
<ItemTemplate>
                                                                               <div id="theo">
                                                                                   <asp:TextBox ID="txtDateTheory" runat="server" CssClass="textbox calendertextbox"
                                                                                       Text='<%#Eval("TheoryDate") %>' Width="100px">
                                                                                   </asp:TextBox>
                                                                                   <asp:Button ID="btnthe" runat="server" CssClass="calenderbutton" />
                                                                                   <ajax:CalendarExtender ID="ceDateTheory" runat="server" TargetControlID="txtDateTheory"
                                                                                       PopupButtonID="btnthe" Enabled="True" Format="dd/MM/yyyy " CssClass="cal_Theme1" />
                                                                                   <br />
                                                                                   <asp:TextBox ID="txtDatePractical" runat="server" Text='<%#Eval("PracDate")%>' CssClass="textbox calendertextbox"
                                                                                       Width="100px">
                                                                                   </asp:TextBox>
                                                                                   <asp:Button ID="btnprac" runat="server" CssClass="calenderbutton" />
                                                                                   <ajax:CalendarExtender ID="ceDatePractical" runat="server" TargetControlID="txtDatePractical"
                                                                                       PopupButtonID="btnprac" CssClass="cal_Theme1" Enabled="True" Format="dd/MM/yyyy " />
                                                                               </div>
                                                                           </ItemTemplate>
Posted
Comments
This is unusual. I even tested this. Working fine. Look the CssClaases, if they are creating issues.
Member 10690248 28-Mar-14 6:08am    
i removed css... its working fine.. but css is mandatory ..

1 solution

Ajax calender has its own class, you can see it by press 'F12' on chrome. What you can do is copy the default class from browser in debug mode(F12), and add that in your css by marking it important. This way you will have you r custom and ajax calendar self class working.
 
Share this answer
 
Comments
Member 10690248 7-Apr-14 1:17am    
tnx let me try
Member 10690248 7-Apr-14 1:18am    
but im using firfox
Er. Puneet Goel 8-Apr-14 1:59am    
then install firbug. Than press F12' FireBug is the extension for firfox html debuging
Member 10690248 12-Apr-14 3:20am    
tnx
Er. Puneet Goel 12-Apr-14 7:40am    
welcome! DO ACCEPT THE ANSWER IF ITS HELPFUL TO YOU

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