RangeSlider allows you to disable its UI by setting IsEnabled property of the C1RangeSlider class to false. This property can come in handy in the scenarios where you want to deactivate the control and activate it only when a specific event occurs. For example, you may want to restrict the applicants from selecting the total years of experience in a job application form through RangeSlider until they select the Experienced option from the provided Category options.
The following images show the difference in the appearance of an enabled and disabled RangeSlider.
| Enabled Slider | Disabled Slider |
|---|---|
 |
 |
To disable the RangeSlider control, use the following code. This example uses the sample created in the Range topic.
| Index.razor |
Copy Code
|
|---|---|
<C1RangeSlider IsEnabled="false" Minimum=-10 Maximum=100></C1RangeSlider> |
|
