Slider Control

an item having a slider in it that allows the user to change item's value within the available limits (the user can drag the slider's thumb in one of two directions):

Attributes

id	string\|number	the slider's id
type	string	the "slider" type
text	string	the slider's label
size	number	the slider's size
vertical	boolean	defines whether the slider is vertical, false by default
min	number	the minimal slider's value, 0 by default
max	number	the maximal slider's value, 99 by default
value	number	the initial slider's value, 0 by default
step	number	the slider's step value, 1 by default
disabled	boolean	defines whether the slider item is enabled or disabled, false by default
enableTooltip	boolean	defines whether the tooltip is enabled for the slider, false by default

myRibbon = new dhtmlXRibbon({
    parent: "myRibbon",
    icons_path: "../codebase/ribbon/",
    items : [
        {type:'block', text:'Block 1', mode:'rows', list:[
            {type:'button', text:'new' , img : "18/new.gif"},
            {type : 'slider', text : "slider 1", size : 50 },
            {type : "newLevel"},
            {type : "group", list : [
                {type:'button', text:'open' , img : "18/open.gif"},
                {type : 'slider', text : "slider 1", size : 50 }
            ]}
        ]},
        {type:'block', text:'Block 2', mode:'cols', list:[
            {type : 'slider', text : "slider 1", size : 50 },
            {type : 'slider', size : 70, isbig : true, vertical : true }
        ]}
    ]
});

Related sample: Init from object