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 ADC provides a way to collect numerical responses on a sliding scale. There are very many parameters (listed below) that allow you to customise the slider and get exactly what you need. The ADC is fully responsive.
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 numeric | 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' |
| Slider 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 Colour Primary | Colour | |
| DK Colour Secondary | Colour | |
| DK Font Colour | Colour | |
| Border Radius | Number | '0, 2, 5, 10, 15, 20, 25, 30' |
| DK Border Colour | 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 Colour | Boolean | 'No, Yes' |
| DK Hover Colour Primary | Colour | |
| DK Hover Colour Secondary | Colour | |
| Show DK Hover Font Colour | Boolean | 'No, Yes' |
| DK Hover Font Colour | Colour | |
| Show DK Hover Border | Boolean | 'No, Yes' |
| DK Hover Border Colour | 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' |
| Selected 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' |