ComponentOne Wijmo Open for Juice UI
Wijmo Open for Juice UI Extender Controls / WijSlider / WijSlider Tutorial / Step 1 of 3: Adding a WijSlider to the Project
In This Topic
    Step 1 of 3: Adding a WijSlider to the Project
    In This Topic

    In this topic you will associate the WijSlider with a TextBox control to create a range between values.

    1. Create an ASP.NET Web application with a ScriptManager control and install Juice UI and the Wijmo Juice libraries to your project via NuGet.
    2. Add a standard TextBox control to the main content of  your page and set the Width to 300 and Text to "100; 400".
    3. In Source view, use the following markup to add a WijSlider control to the page and set the TargetControlID to Panel1. 
      <cc1:WijSlider ID="Panel1_WijSlider" runat="server"

          TargetControlID="Panel1" Value="75">      

      </cc1:WijSlider>
    4. Select the WijSlider markup, and in the Visual Studio Properties window, set the TargetControlID property to TextBox1. The markup will look like this: 
      <cc1:WijSlider ID="SliderExtender1" runat="server" TargetControlID="TextBox1">

      </cc1:WijSlider>

      Now you can begin setting properties for the WijSlider.