USER GUIDE

Style

How to change question default width in survey page

After open edit page, select the width then click on Save.

Figure 100 : Change question default width in survey page

How to control question answers view (Vertical or Horizontal)

From edit page, check/uncheck the checkbox Horizontal.

Figure 101 : control question answers view
INFO
  • We can control the display of answers for radio button and multi check box questions.

How to display a question with width under 100% alone

When you are in Builder page, open question edit page, then click on checkbox Full Row.

Figure 102 : assign full line area to a question

Example : if two question with 50% width have “Full Row” feature then each question displayed on a row.

How to change option choice from radio view to button view

When you are in Builder page, open question edit page (question as Radio and Checkbox list), then click on checkbox Choice Buttons.

Figure 103 : change option choice from radio view to button view

The choices will appear as in the screen below.

Figure 104 : Preview screen
INFO
  • This option used when you are sharing a survey that most likely to be answered from mobile devices, in this case buttons easier to select than radio

How to change question / control default alignment in survey page

When you are in Builder page, open question edit page, then you can choose question / control alignment survey page.

Figure 104 : change question/ control default alignment in survey page
WARNING
  • To activate the alignment options you need to choose “Full Row” feature

How to upload a survey logo

From Design page, click on General Design then on Header, after that you can upload survey logo.

How to change header background color and text color

From Design page, click on General Design then click on Header.

Figure 105 : change header background color and text color

Choose the header background color and text color.

Figure 106 : Choose the header background color and text

How to add social media links to survey footer

From Design page, click on General Design then on Footer, after that you can add social medial links to survey footer.

Figure 107 : social media links

How to change survey main theme

From Design page, click on General Design then on Theme, after that you can choose the theme.

Figure 108 : change survey main theme
INFO
  • Survey theme affects all survey design attributes (Header, Footer, Survey Background and Page, font … etc.) and user can customize any attribute of the chosen theme.

How to change survey main font type, size and color

From Design page, click on General Design then on Font, after that you can choose font type, size and color.

Figure 109 : change survey main font type, size and color

How to change survey pages color and opacity

From Design page, click on General Design then on Survey Page, after that you can choose survey pages color and opacity.

Figure 110 : change survey pages color and opacity

How to change survey background

From Design page, click on General Design then on Background, after that you can change survey background (image, pattern, gradient, color).

Figure 111 : Design page

How to upload a picture to set as survey background

From Design page, click on General Design then on Background, after that you can set picture as survey background by click on Upload Image.

Figure 111 : upload a picture to set as survey background

How to change survey buttons default and active colors

From Design page, click on General Design then on Buttons, after that you can choose survey buttons default and active color.

Figure 112 : change survey buttons default and active colors
INFO
  • Default color : How the button looks when it isn’t being interacted with, but is available to be interacted with
  • Active color : represents a button that is being activated by the user, when using a mouse

How to change design for a specific component of the survey

  1. Click on Edit icon () above question.
  2. Click Component Design tab from left screen.
  3. Click UI Style:
    1. Insert font size.
    2. Insert width.
    3. Select font color.
Figure 113 : UI style
  1. Click on CSS Style:
    1. Type your CSS code in the editor.
Figure 114 : CSS style

How to reset survey design to system default design

From Design page, click on General Design then on Reset Design, click on Reset Design to reset survey design to system default design.

Figure 115 : Reset design