Skip to main content


returns an object with the available configuration attributes of the control

getProperties(): ISliderProps;


An object with the available attributes of the control and their values.


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


// -> the returned object

height: "content",
helpMessage: "",
hiddenLabel: false,
inverse: false,
label: "slider",
labelPosition: "top",
labelWidth: "50px",
majorTick: undefined,
max: 100,
min: 0,
mode: "horizontal",
padding: 0,
range: false,
step: 1,
tick: undefined,
tickTemplate: undefined,
tooltip: true,
width: "content"

The returned object of the Slider control can contain the following configuration attributes:

width(string|number|"content") the width of a control
height(string|number|"content") the height of a control
padding(string|number) sets padding between a cell and a border of the Slider control
label(string) specifies a label for a control
labelWidth(string|number) sets the width of the label of a control
hiddenLabel(boolean) invisible label that will be used to identify the input on the server side
labelPosition(string) defines the position of a label: "left"|"top"
helpMessage(string) adds a help message to a control
min(number) the minimal value of slider, 0 by default
max(number) the maximal value of slider, 100 by default
step(number) the step the slider thumb will be moved with, 1 by default
mode(string) the direction of the Slider scale, "horizontal" by default
tooltip(boolean) enables prompt messages with ticks values on hovering over the slider thumb, true by default
range(boolean) enables/disables the possibility to select a range of values on the slider
inverse(boolean) enables/disables the inverse slider mode
tick(number) sets the interval of steps for rendering the slider scale
majorTick(number) sets interval of rendering numeric values on the slider scale
tickTemplate(function) sets a template for rendering values on the scale

Change log:

added in v7.0