</ iframe > </noscript> <!-- End Google Tag Manager (noscript) --> <div id="BeforeHeaderContent"> </div> <div id="HeaderContent"> <div id="ProjectTitle">ComponentOne MVC5 Tools for ASP.NET Wijmo</div> <div id="PageTitle"><div id="PageTitleText">Set Thumbs</div></div> </div> <div id="AfterHeaderContent"> <!-- Spacing --> <span id="ToggleAllSectionsLink" class="FunctionLink"> <label id="CollapseAllLabel">Collapse All</label> <label id="ExpandAllLabel" style="display: none;">Expand All</label> </span> </div> <div class="BreadcrumbsContainer"><table><tr><td> <a href="Widgets.html">Widgets</a> > <a href="Wijslider.html">wijslider</a> > Set Thumbs</td></tr></table></div> <div id="BodyContent"> <p>The <b>wijslider's</b> thumbs are controlled by the <b>value</b> option. By default, the widget appears with one thumb. If you set the <b>values</b>option to more than one number, more than one thumb will appear. The <b>range</b> 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 <b>range</b> option to "false". See the <b>Slider > Thumbs </b>sample of the MVC Control Explorer live demo at <a href="http://demo.componentone.com/ASPNET/MVCExplorer/slider/Thumbs">http://demo.componentone.com/ASPNET/MVCExplorer/slider/Thumbs</a> .</p> <ol> <li>In the <b>Layout.cshtml</b> file, find the script you inserted to initialize the widget.</li> <li>Find the <b>range</b> option and set it to "false".</li> <li>Find the <b>values</b> option and set it to [25, 50, 75].</li> <li>Run your program. The slider should resemble the following image: <p><img border="0" alt="" src="images/SliderThumbs.png"></p> </li> </ol> <a name="seealsobookmark"></a> </div> <div id="FooterContent"> <p> </p><p> </p><hr style="height: 1px"><p>Copyright @ GrapeCity, inc. All rights reserved.</p> <a target="_blank" href="http://feedback.componentone.com/forums/255768-asp-net-documentation">Documentation Feedback</a> | <a href="http://our.componentone.com/groups/" target="_blank">Product Support Forum</a> </div> </body> </html>