C1Slider supports dragging the fill between the two drag handles. By default, the DragFill property is set to true. This topic will walk you through setting the properties for allowing the dragfill behavior in Design View and in Source View.

In Design View

1. In the Design View, navigate to the C1Slider's Properties window and locate the Height and Width properties. Set Height to "100px" and Width to "300px".
2. Locate the Range and Values properties. Set the Range to "True" and the Values to "25,50".
3. Run your project. The Slider should resemble the following image:

   

In Source View

Add the following properties to the <cc1:C1Slider> tags:

• Height="100px"
• Width="300px"
• Range="True"
• Values="25,50"

Your <cc1:C1Slider> tag should resemble the following sample:

<cc1:C1Slider ID="C1Slider1" runat="server" Height="100px" Width="300px" Range="True" Values="25,50" />