Hello
We are using asp:Calendar control (month view) in our touch screen application (asp web forms). When user touches the day on the month, it fires the on click event. The issue that was brought up, that user has to press exactly on the number, or the click event
won't fire up. My boss wants us to change it, that if user presses anywhere in the date cell, it should fire the event. I looked into adding the button or link or hidden field into the cell on rendering (script), but have not found a way to attach click event...
Is there any way to accomplish it? If not - is there any other control that would show the whole month and be customizable?
Thanks!
looked into adding the button or link or hidden field into the cell on rendering (script), but have not found a way to attach click event...
Please try to use OnDayRender event to create an onclick event on calendar date cell.
And use the onclick event to call a js function.
Then in the js function fire button click event.
For example:
MSDN Community Support
Please remember to click "Mark as Answer" the responses that resolved your issue.
If you have any compliments or complaints to MSDN Support, feel free to contact MSDNFSF@microsoft.com.
Member
9 Points
94 Posts
Customizing Calendar control
Mar 03, 2017 03:35 PM|asanders2552|LINK
Hello
We are using asp:Calendar control (month view) in our touch screen application (asp web forms). When user touches the day on the month, it fires the on click event. The issue that was brought up, that user has to press exactly on the number, or the click event won't fire up. My boss wants us to change it, that if user presses anywhere in the date cell, it should fire the event. I looked into adding the button or link or hidden field into the cell on rendering (script), but have not found a way to attach click event... Is there any way to accomplish it? If not - is there any other control that would show the whole month and be customizable?
Thanks!
All-Star
45449 Points
7008 Posts
Microsoft
Re: Customizing Calendar control
Mar 06, 2017 08:22 AM|Zhi Lv - MSFT|LINK
Hi asanders2552,
Please try to use OnDayRender event to create an onclick event on calendar date cell.
And use the onclick event to call a js function.
Then in the js function fire button click event.
For example:
In aspx:
<head runat="server"> <title></title> <script src="Scripts/jquery-3.1.1.js"></script> <script> function cal() { __doPostBack("Button1", "OnClick"); } </script> </head> <body> <form id="form1" runat="server"> <div runat="server"> <asp:Calendar ID="Calendar1" runat="server" OnDayRender="Calendar1_DayRender" > <DayStyle /> </asp:Calendar> <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Visible="false" /> </div> </form> </body>Code behind:
protected void Page_Load(object sender, EventArgs e) { Calendar1.CellSpacing = 5; Calendar1.CellPadding=5; } protected override void Render(HtmlTextWriter writer) { ClientScript.RegisterForEventValidation(Button1.UniqueID, "OnClick"); base.Render(writer); } protected void Button1_Click(object sender, EventArgs e) { //do something } protected void Calendar1_DayRender(object sender, DayRenderEventArgs e) { var cell = e.Cell; cell.Attributes.Add("OnClick","cal()"); }Best regards,
Dillion
Please remember to click "Mark as Answer" the responses that resolved your issue.
If you have any compliments or complaints to MSDN Support, feel free to contact MSDNFSF@microsoft.com.