EnableDisable the Slider in EJ 1 Angular Slider
14 Aug 2018 / 1 minute to read
Slider widget includes an option to enable/disable it. When you disable the Slider, it is displayed in a blur state and you cannot perform any operations in it.
Enabled
Using this enabled property you can enable/disable the Slider. Data type of this property is “boolean”.
Also you can enable/disable the Slider by using enable and disable methods.
The following steps explains you on how to disable the Slider.
<div class="txt">Default Slider</div>
<ej-slider id="enale" [value]="value" width="500" [enabled]="enabled"></ej-slider>
<script>
import { Component } from '@angular/core';
@Component({
selector: 'ej-app',
templateUrl: './slider.component.html'
})
export class SliderComponent {
public enabled: boolean = false;
public value: number = 60;
constructor() {
}
}
</script>
Execute the above code example to render the following output.
Was this page helpful?
Yes
No
Thank you for your feedback!
Thank you for your feedback and comments. We will rectify this as soon as possible!
An unknown error has occurred. Please try again.
Help us improve this page