Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
170
Multiple links alongside Today in footer of WebDateChooser
posted

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>

Parents
  • 8736
    posted

    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.

Reply Children