Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://docs.dhtmlx.com/suite/form/slider/ below:

Website Navigation

• Previous

  SimpleVault

• Next

  Spacer

JavaScript Form - Slider | DHTMLX Suite 9 Docs

A control that allows selecting a numeric value by moving a thumb along a line with a fixed set of options.

Related sample: Form. All controls

You can easily add a Slider control during initialization of a form:

const form = new dhx.Form("form_container", {
    rows: [
        {
            type: "slider",
            name:"slider",
            label: "slider",
            labelWidth: "50px",
            min: 0,
            max: 100
        }
    ]
});

View the full list of configuration properties of the Slider control.

You can manipulate a Slider control by using methods or events of the object returned by the getItem() method.

For example, you can get the value of the control:

const value = form.getItem("slider_id").getValue();

Check the full list of methods of the Slider control.

Check the full list of events of the Slider control.

There is a possibility to use methods of DHTMLX Slider via the getWidget() method of a Slider control.

For example, you can disable a Slider control. To do this, you need to get the widget attached to the Slider control and then use the disable() method of this widget.

const slider = form.getItem("slider_id").getWidget();  // -> DHTMLX Slider
slider.disable(); // disables slider

Check the full list of methods of the DHTMLX Slider component which you can apply via the getWidget() method.

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4