Slider
- To access to the live survey, click on the picture above.
- To download the qex file (inside the example directory), click here
- Version of the adc: 2.0.11
This control is compatible with a single and numerical question (response block) and loop single, loop numerical question.
Parameters | Type | Comments and/or possible value |
Numeric Question | ||
Step for numberic | Number | |
Slider Settings | ||
Slider Orientation | Boolean | 'Horizontal, Vertical' |
Slider Direction | Boolean | 'Left to right, Right to left' |
Minimum value | Number | |
Intermediate value | Number | Optional: The intermediate value at the 50% position of the slider |
Maximum value | Number | |
Slider Height (vertical layout) | Number | In Pixels |
Show markers | Boolean | 'No, Yes' |
Silder Base Styling | ||
Slider Base Height | Number | |
Slider Base Primary Colour | Colour | |
Slider Base Secondary Colour | Colour | |
Slider Base Gradient Direction | Boolean | 'Left to Right, Top to Bottom' |
Slider Base Border Radius | Number | '0, 2, 5, 10, 15, 20, 25, 30' |
Slider Base Border Colour | Colour | |
Slider Base Border Thickness | Boolean | 'None, 1px' |
Slider Base Border Style | Boolean | 'None, Solid, Dashed, Dotted, Double' |
Slider Selected Primary Colour | Colour | |
Slider Selected Secondary Colour | Colour | |
Slider Connect | Boolean | Yes, No |
Slider Handle Styling | ||
Slider Handle Height | Number | |
Slider Handle Width | Number | |
Slider Handle Start Position | Boolean | 'Min, Half, Max' |
Hide handle at start | Boolean | 'No, Yes' |
Slider Handle Primary Colour | Colour | |
Slider Handle Secondary Colour | Colour | |
Slider Handle Border Colour | Colour | |
Slider Handle Border Radius | Number | '0, 2, 5, 10, 15, 20, 25, 30' |
Slider Handle Border Thickness | Boolean | 'None, 1px' |
Slider Handle Border Style | Boolean | 'None, Solid, Dashed, Dotted, Double' |
Slider Handle Drop Shadow | Boolean | 'On, Off' |
Slider Focus Primary Colour | Colour | |
Slider Focus Secondary Colour | Colour | |
Slider Focus Border Colour | Colour | |
Slider Focus Border Thickness | Boolean | 'None, 1px, 2px' |
Show value on handle | Boolean | 'No, Yes' |
Text to add on handle | String | |
Handle text position | Boolean | 'Left, Right' |
Handle Font Colour | Colour | |
Use Handle Image | Boolean | 'No, Yes' |
Handle Image Path | String | |
Handle Image Width | String | |
Handle Image Height | String | |
Hide Handle Background | Boolean | 'No, Yes' |
Looped Questions | ||
Is in loop | Boolean | 'No, Yes' |
Caption Alignment | Boolean | 'Left, Center, Right' |
Caption Placement | Boolean | 'Left, Top, Right' |
Caption Width | Number | |
Caption Padding | String | In Pixels |
Image Alignment | Boolean | 'Left, Center, Right' |
General | ||
Font Size | Number | In Pixels |
Control Width | Number | In Percentage |
Max Width | Number | In Pixels |
Control Alignment | Boolean | 'Left, Center, Right' |
Text Alignment | Boolean | 'Left, Center, Right' |
Labels | ||
Label Placement | Boolean | 'Top, Side, Bottom' |
Left Label Text | Number | |
Right Label Text | Number | |
Label Width | Number | In Pixels |
Label Text Padding | Number | In Pixels |
Label Text Line Height | Number | In Percentage |
Display Label Text | Boolean | 'No, Yes' |
Label Colour Primary | Colour | |
Label Colour Secondary | Colour | |
Label Font Colour | Colour | |
Label Border Radius | Number | '0, 2, 5, 10, 15, 20, 25, 30' |
Label Border Colour | Colour | |
Label Border Thickness | Number | 'None, 1px, 2px, 3px, 4px, 5px' |
Label Border Style | Boolean | 'None, Solid, Dashed, Dotted, Double' |
Label Drop Shadow | Boolean | 'On, Off' |
Use a selection list | Boolean | 'No, Yes' |
Images | ||
Image Padding | Number | In Pixels |
Max Image Width | Number | |
Max Image Height | Number | |
Force image size | Boolean | 'No, Force Width, Force Height, Force Both' |
DK | ||
Turn on DK for single choice question | Boolean | 'No, Yes' |
DK Position | Boolean | 'Left, Center, Right' |
DK Text | String | |
DK Text Padding | Number | In Pixels |
DK Margin | String | In Pixels |
DK Color Primary | Colour | |
DK Color Secondary | Colour | |
DK Font Color | Colour | |
Border Radius | Number | '0, 2, 5, 10, 15, 20, 25, 30' |
DK Border Color | Colour | |
DK Border Thickness | Number | 'None, 1px, 2px, 3px, 4px, 5px' |
DK Border Style | Boolean | 'None, Solid, Dashed, Dotted, Double' |
DK Drop Shadow | Boolean | 'On, Off' |
Show DK Hover Color | Boolean | 'No, Yes' |
DK Hover Color Primary | Colour | |
DK Hover Color Secondary | Colour | |
Show DK Hover Font Color | Boolean | 'No, Yes' |
DK Hover Font Color | Colour | |
Show DK Hover Border | Boolean | 'No, Yes' |
DK Hover Border Color | Colour | |
DK Hover Border Thickness | Number | 'None, 1px, 2px, 3px, 4px, 5px' |
DK Hover Border Style | Boolean | 'None, Solid, Dashed, Dotted, Double' |
Show DK Hover Shadow | Boolean | 'No, Yes' |
DK Hover Drop Shadow | Boolean | 'On, Off' |
slected DK Colour Primary | Colour | |
Selected DK Colour Secondary | Colour | |
Selected DK Font Colour | Colour | |
Selected DK Border Colour | Colour | |
Selected DK Border Thickness | Boolean | 'None, 1px, 2px, 3px, 4px, 5px' |
DK Border Style | Boolean | 'None, Solid, Dashed, Dotted, Double' |
Selected DK Drop Shadow | Boolean | 'On, Off' |