Range Slider - Introduction to Kendo UI Course - Part 16 | web Developer courses

Duration: 17:32 min

Summary: In this lesson, we will discuss the range slider. This is similar to the slider that we have recently discussed. However, and as the name implies, the range slider has a range of values to work with. You can specify the min and max values, the orientation (vertical or horizontal), as well as the small and large steps. But you can also specify the selectionStart and selectionEnd. Besides the properties, there are events that we can handle. For example, we will handle the change and slide events. We will also log the values to the console. But since the range is by default separated with a comma (example [5,10]), we will replace the comma with a '-' as in [5-10].

Technologies and Resources: Kendo UI, kendoSlider, kendoRangeSlider, smallStep, largeStep, tickPlacement, selectionStart, selectionEnd