Available CSS variables
These CSS variables are available to style the survey form. The survey form includes other variables, but if they are not mentioned in this section they are subject to change in the future and must not be used in custom CSS.
Digital In-app
| Variable | Description |
|---|---|
--typography-fontFamily | Font family for the entire survey |
--typography-headline-size | Question text font size |
--questions-spacing | Vertical spacing between survey fields |
--palette-core-primary | Selected or focused indication, slider thumb |
--palette-typography-error | Error message color, such as required validation |
--slider-track-active-color | Track left side color (smaller than selected value) |
--slider-track-inactive-color | Track right side color (greater than selected value) |
.surveyBtn | General class for every navigation button |
.surveyBtn_next, .surveyBtn_back, .surveyBtn_close, .surveyBtn_submit | Dedicated class for each navigation button |
.surveyX | To modify the close("X") button |
.ratingMinLabel, .ratingMaxLabel | Represents custom scale labels for rating components |
For Digital In-app the outline property is supported only by the following components:
- Android - there is no border around the text boxes except the bottom border which is affected by another color due to its specific behavior:
- Radio buttons items divider
- Checkbox list items divider
- iOS - The outline color is the border color for the text boxes and other textual components:
- Radio buttons items divider
- Checkbox list items divider
- Text input
- Textarea
- Dropdown (including rating dropdown)
