Question T5681
Visible to All Users

How to change the color, font and background color of the survey ?

created 5 years ago

Hi Team,
I have two questions related to survey creator.

  1. I want to give the control to the user to choose the color, font of the questions.
  2. Want to give the control to the user to change the background color of the survey.

If not then any possible way of customizing theme according to our color pallet?

Answers approved by surveyjs Support

created 5 years ago (modified 2 years ago)

[UPDATED]

You can customize appearance of survey elements by customizing a survey theme. SurveyJS offers multiple predefined themes. For more details, visit Add SurveyJS Themes to Your Application.

To give your surveys a tailored look and customize colors and other appearance settings as needed, create a custom theme. Use the embedded Theme Tab to edit theme settings with ease.

Orginal Message

Hello,
In spite of you marked this question as related to SurveyJS Creator, you are asking about question styles and survey background
This functionality is not implemented in SurveyJS Creator and related to SurveyJS Library appearance customizations
You can change colors of a survey via setting new values for the color scheme as shown in this sample - https://surveyjs.io/Examples/Library?id=custom-theme&platform=jQuery&theme=modern#content-js
This works via adding new CSS rules with the given colors on the fly.
I think you can add custom CSS rules for font face and size using similar approach.
You can also re-compile our theme from the source code https://github.com/surveyjs/survey-library
Or write your own CSS selectors as in these samples:
https://surveyjs.io/Examples/Library?id=survey-cssclasses
https://surveyjs.io/Examples/Library?id=survey-customcss
You can also take a look at the themes editor page on our site:
Clipboard-File-1.png
Thanks, Serge
SurveyJS Team