Return to the menu   Select another DES Module

Demonstrates how to popup the calendar on focus and on mouseover

By default, the user must click on the calendar toggle button to display the popup calendar. Use these properties to popup the calendar on focus and on mouseover.

  • AutoPopupOnFocus - Set to true to popup when the textbox gets focus.
  • PopupCalendar.PopupOnMouseOver - Set to true to popup when the mouse passes over the toggle button.

See the Source Code for ASP.NET markup examples.


Controls

AutoPopupOnFocus

Tab from TextBox1 to DateTextBox1 to TextBox2

TextBox1 DateTextBox1 TextBox2

PopupOnMouseOver

Point to the calendar button without clicking

DateTextBox2

Source Code (C#)

<h2>AutoPopupOnFocus</h2>
Tab from TextBox1 to DateTextBox1 to TextBox2<br/><br/>
TextBox1 <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
DateTextBox1
<des:DateTextBox ID="DateTextBox1" runat="server" AutoPopupOnFocus="True" AutoHint="false">
</des:DateTextBox>
TextBox2<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
<br/><br/>
<h2>PopupOnMouseOver</h2>
Point to the calendar button without clicking<br/><br/>
DateTextBox2
<des:DateTextBox ID="DateTextBox2" runat="server" >
   <PopupCalendar PopupOnMouseOver="True" />
</des:DateTextBox>
</div>

Return to the menu   Select another DES Module