Lock slider and slider text field

  • Updated
Status

Release Available

Status

Framework Name

4.1

Current

MUI only
General

As a portal administrator, you can lock the slider or slider text or both and make them non-editable. You can now:

  • Make the slider field read-only (the user is unable to edit the field but is able to use the slider to change the value inside of the field)

  • Make both field and slider non-editable (slider cannot be clicked or dragged)

  • Locking applies to both the slider and text field at the same time.

A new property handleChange is added in range so that we can make Text Field editable as without handlechange Text Field will be non-editable, and added two conditions, one for editable and another for disabling the slider.

  • When editable==true && editableRangeValue==true, both the slider and text field are editable.

  • When editable==false then Slider is disabled and the field is non-editable (editableRangeValue does not affect it).

  • When editable==true && editableRangeValue==false then we can edit the Slider and the text field is non-editable.

Slider-editable-and-non-editable.png

Code JSON

 "rangeOptions": {
    "dataType": "number",
    "min": 111,
    "max": 800000000,
    "editableRangeValue": false,
    "valueLabelDisplay": false
  }