Questionnaire Theme
Questionnaire Theme
The theme is used to set the display scheme of the questionnaire, including various style controls such as colors and font sizes. A well-designed questionnaire theme can bring a pleasant reading and interaction experience, improving the efficiency of questionnaire information transmission. Through global styles and theme settings, create a personalized visual experience for your questionnaire.
Theme
Preset Theme
The system presets some template color schemes, which can be directly applied to the current questionnaire by clicking on them.
My Theme
Users can also create and save their own personalized color template schemes.
Styles
Styles are used to set the colors, fonts, and other styles for the main content types of the questionnaire, such as titles, questions, and options.
Questionnaire Page Dsiplay Width
Set the width of the questionnaire page. The default is automatic, at which point the system will automatically adapt to the terminal type. Alternatively, you can choose custom and set the desired container width. The available units are:
- px: Set by pixel value.
- %: Set by the percentage of the questionnaire container width relative to the questionnaire window width.
Overall Questionnaire Font Settings
Set font-related properties for the questionnaire content. You can set the font for the questionnaire text content, as well as the font sizes for the questionnaire title, questions, descriptions, options, and buttons.
Since we can set the layout style for each question individually, the priority of personalized settings for questions is higher than global settings. Therefore, regardless of changes to global settings, the settings for this question will remain unchanged. After changing the font settings, a small green dot will appear in front of the corresponding setting item, indicating that the personalized setting has overridden the global setting. When the mouse hovers over the small green dot, it will turn into a small red dot. Clicking the small red dot will cancel the personalized setting, and after cancellation, this node will automatically follow the global style control again.
The available units for font sizes are:
- px: Set by pixel value.
- rem: Set the font size proportionally to the size of the page root element.
Color
Set the primary color, secondary color, contrast color, button color, error color and background color properties for the questionnaire content.
Background Image
Set the default background image and opacity for the questionnaire.
Motion
Set the default effect for questionnaire click interactions.
Using Proxy Client
Proxy client are generally highly customized and do not require full implementation of theme settings and layout settings.