Hi,
We have been using the WebDateChooser 11.1 to get a datepicker control with some quick-select date links. Sample image shown below.
I could not easily find a way to get something similar at the bottom of the WebDatePicker 12.2.
Any ideas/workarounds?
We were doing it in the WebDateChooser 11.1 using 3 linkbuttons in the footer template; footer templates have been discontinued in the WebDatePicker.
<igsch:WebDateChooser id="DateChooser" runat="server" NullDateLabel=""><FooterTemplate><table id="Table1" cellspacing="0" cellpadding="0" width="100%" border="0"><tr><td align="right"><asp:LinkButton id="LinkButton1" CausesValidation="False" runat="server" OnPreRender="linkbutton1_OnPreRender" CssClass="DateFooter">Today</asp:LinkButton></td><td align="center"><asp:LinkButton id="LinkButton3" CausesValidation="False" runat="server" OnPreRender="linkbutton3_OnPreRender" CssClass="DateFooter"></asp:LinkButton></td><td align="left"><asp:LinkButton id="LinkButton2" CausesValidation="False" runat="server" OnPreRender="linkbutton2_OnPreRender" CssClass="DateFooter"></asp:LinkButton></td></tr></table></FooterTemplate></igsch:WebDateChooser>
Hello,
In order to implement the described behavior I would recommend you to set WebMonthCalendar control as a DropDownCalendarID of the WebDatePicker . WebMonthCalendar used by WebDatePicker has FooterContent which serves the purpose of the template. You can set the Footer content of WebMonthCalendar as shown below:
<ig:WebDatePicker ID="WebDatePicker1" runat="server" DropDownCalendarID="WebMonthCalendar1"> </ig:WebDatePicker>
<ig:WebMonthCalendar ID="WebMonthCalendar1" runat="server" FooterContent = '<table id="Table1" cellspacing="0" cellpadding="0" width="100%" border="0" <tr><td align="right"><asp:LinkButton id="LinkButton1" CausesValidation="False" runat="server" OnPreRender="linkbutton1_OnPreRender" CssClass="DateFooter">Today</asp:LinkButton></td> <td align="center"><asp:LinkButton id="LinkButton3" CausesValidation="False" runat="server" OnPreRender="linkbutton3_OnPreRender" CssClass="DateFooter">Tomorrow</asp:LinkButton></td> <td align="left"><asp:LinkButton id="LinkButton2" CausesValidation="False" runat="server" OnPreRender="linkbutton2_OnPreRender" CssClass="DateFooter">Next Year</asp:LinkButton></td> </tr></table>'> </ig:WebMonthCalendar>
I hope this helps.