Creating the template of the control

To create the template of the date picker control, perform the following:

1. From the context menu of the project, click Add » New Item...

   NOTE: Visual Studio does not provide a dialog option to directly create a user control. You must create a file of another type and change its extension.

2. In the left pane, select Visual C# Items » Code.

3. Click Class and in the Name input field, enter DatePickerTemplate.

4. From the context menu of DatePickerTemplate.cs, click Rename.

5. Change the extension to .ascx.

6. Open the newly created file and clear its content.

7. Define the markup by pasting the following code:

   <%@ Control Language="C#" %>

   <%@ Register Assembly="Telerik.Web.UI" TagPrefix="telerik" Namespace="Telerik.Web.UI" %>

   <asp:Label runat="server" ID="descriptionLabel" />

   <telerik:RadDatePicker runat="server" ID="datePicker" />

   <asp:Label runat="server" ID="titleLabel" />

   <asp:Label runat="server" ID="exampleLabel" />

8. Save the file.

9. In the Properties pane of the DatePickerTemplate.ascx file, change the Build Action to Embedded Resource.

In the markup, first, you register the necessary assemblies, so that they can be used in the template. You create a RadDatePicker, in which the user selects the date. Then, you create labeled TextBoxes for presenting additional information.

Next, you must reference the template in the date picker control. For more information, see Referencing the template in the control.