Collapse All Expand All

The dragfill option allows end-users to drag the fill between the sliders. See the Slider > Dragfill sample of the MVC Control Explorer live demo at http://demo.componentone.com/ASPNET/MVCExplorer/slider/DragFill .

1. In the Layout.cshtml file, find the script you used to initialize the widget and set the range option to "true".
2. Locate the CSS style you added earlier. Replace it with the following script:

   <style type="text/css">
           #slider
           {
               width: 300px;
               height: 100px;
           }
   </style>
   

3. Run your program. The slider should resemble the following image:

   

 

 

---

Copyright (c) GrapeCity, inc. All rights reserved.

Product Support Forum |  Documentation Feedback