Slider

The Slider field allows to create a range slider that have one or two handles, such as in the image below. We can drag a handle to select a numeric value or contrary.

slider-1

Attributes

AttributesTypeRequiredDescription
idstringRequiredUnique ID identifying the field. It will be used as meta_key. Must be different from all other field IDs.
titlestringRequiredDisplays title of the option.
subtitlestringOptionalSubtitle display of the option, situated beneath the title.
descstringOptionalDescription of the option, appearing beneath the field control.
typestringRequiredValue identifying the field type. For Slider field we set the value slider
defaultarrayRequiredArray value to set as default.
from (type: number) Set start position for left handle (or for single handle)
to (type: number) Set start position for right handle
min (type: number default value: 0)Set minimum limit for left handle.
max (type: number default value: 100) Set the maximum limit for right handle
step (type: number default value: 1) Movement step, than controling from keyboard.
colintOptionalThe proportion of columns that display field on 12 columns per row.
rangeboolOptionalSpecify a range of values with two handles. Default value is false
js_optionsarrayOptionalArray values representing the Google JavaScript. You can access to this link to refer: https://github.com/IonDen/ion.rangeSlider

 Example Declaration