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' |