In this step you'll add a C1Slider control and a TextBox control to the page.

Complete the following steps:  

1. Begin by creating an ASP.NET Empty Web application.
2. Add the following references to your project:
   • C1.Web.Wijmo.Controls.4.dll
   • C1.Web.Wijmo.Controls.Design.4.dll
3. Add the controls to the Toolbox.
   1. Open the Visual Studio IDE (Microsoft Development Environment). Make sure the Toolbox is visible (select Toolbox in the View menu if necessary), and right-click it to open the context menu.
   2. To make the Studio for ASP.NET Web Forms components appear within a tab in the Toolbox, select Add Tab from the context menu and type in the tab name (for example, Studio for ASP.NET Web Forms).
   3. Right-click the tab where the component is to appear and select Choose Items from the context menu. The Choose Toolbox Items dialog box opens.
   4. In the dialog box, select the .NET Framework Components tab. Sort the list by Assembly Name (click the Assembly Name column header) and check the check boxes for all components corresponding to Assembly Name C1.Web.Wijmo.Controls.x.
   5. Click OK to close the dialog box. The controls are added to the Visual Studio Toolbox.
4. Add a new Web Form to your project. Right-click the project name in the Solution Explorer and select Add | New Item. Within the Add New Item dialog box select Web Form from the list of templates. Provide a name to the form.
5. While in the Design view, navigate to the Visual Studio Toolbox and double-click the C1Slider control. This adds Slider control to your form.
   The Design view will now look similar to the following image:        

   

6. In Design view, press the Enter key to add a space below the C1Slider control.
7. Navigate to the Toolbox and double-click the Input (Text) control to add it to your application.
8. Resize the input control so that it appears the same width as the slider.

Now that you've created your Web site and added controls to the page, the next step is to customize the C1Slider control.