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.
Hello Ajeesh,
Thank you for the update. I was able to see the behavior you described. After doing further research I found, you can use only plain html tags for Footer Content. That might include JavaScript as well. It is better to use JavaScript blocks in header and process events over html elements defined in footer.
Adding Server controls in FooterContent for WebMonthCalander is currently a feature request. I have sent this feature request to our product management team. The feature request number is #PI13030100.
Thanks for this Bhadresh!
Any timeframe when we can expect this feature available for us? Just to check if they match with our timelines to have this control up to speed.
Ajeesh.
I have sent the feature request #PI13030100 on your behalf to product management team. This feature request is in review. Product managment chooses feature request based on popular feedback from our customer base. If your feature is chosen for development, you will be notified at that time. I will also update this forum thread once this feature is implmented.
I am just following up to see if you need any further assistance with this matter.