Set DragFill Behavior

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 .

In the Layout.cshtml file, find the script you used to initialize the widget and set the range option to "true".

Locate the CSS style you added earlier. Replace it with the following script:

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