The wijslider's thumbs are controlled by the value option. By default, the widget appears with one thumb. If you set the valuesoption to more than one number, more than one thumb will appear. The range option controls the stylable range between the thumbs and limits the slider to two thumbs. For this topic, we will give the slider three thumbs and set the range option to "false". See the Slider > Thumbs sample of the MVC Control Explorer live demo at http://demo.componentone.com/ASPNET/MVCExplorer/slider/Thumbs .
- In the Layout.cshtml file, find the script you inserted to initialize the widget.
- Find the range option and set it to "false".
- Find the values option and set it to [25, 50, 75].
- Run your program. The slider should resemble the following image:
