Add slider to form structure


I have a dhtmlx form that is loading it’s structure from json and that works fine but now I want to add a slider to the form for one of the items. Since slider is not an actual form control is this even possible and if so any ideas on how to load it?



In your form json structure add a container:

{type: "container", name: "slider", label: "Date Range:"},

In your slider configuration do something like this:

var sl1 = new dhtmlXSlider({ parent: form1.getContainer('slider'), size: 300, step: 1, min: 0, max: 24, value: [0, 9], range: true });