In this article
The properties on the Page tab control the look of the Survey page and the font used for the text on the page - . Note that the same font will be used for all the texts on the page, but the style (bold, italics and color) and the font size can be set individually for each text item.
Click on a tab in the illustration below for information on that tab.
Figure 1 - Example of the Page tab
When you have set up the properties on the tab as required, click Save to save the changes.
Question Texts
The properties on the Question Texts tab control the color, size and style of the text and color of the background for the questions - .
Click on a tab in the illustration below for information on that tab.
Figure 2 - Example of the Questions tab
To select a color, click in the color square for the appropriate item to open the color selection dialog, then use the sliders in the dialog to find the required color or type a color code into the RGB or # fields. Once a color has been selected and used, it will be listed in the Recent Colors drop-down. This drop-down is available on all the color selectors for the remaining tabs, so you can easily use the same colors in different areas of the page.
- Padding - specifies the space between the top edge of the question background area and the text, and between the bottom of the text and the lower edge of the question background area.
When you have set up the properties on the tab as required, click Save to save the changes.
Answers
The properties on the Answers tab control the color, size and style of the text and color of the background for the answer option texts - .
Click on a tab in the illustration below for information on that tab.
Figure 3 - Example of the Answers tab
To select a color, click in the color square for the appropriate item to open the color selection dialog, then use the sliders in the dialog to find the required color or type a color code into the RGB or # fields. Once a color has been selected and used, it will be listed in the Recent Colors drop-down. This drop-down is available on all the color selectors for the remaining tabs, so you can easily use the same colors in different areas of the page.
- Padding - specifies the space between the top edge of the answers background area and the top of the question text area, and between the bottom of the answer text and the lower edge of the answers background area.
When you have set up the properties on the tab as required, click Save to save the changes.
Instruction
The properties on the Instruction tab control the color, size and style of the text and color of the background for the Instruction texts - .
Click on a tab in the illustration below for information on that tab.
Figure 4 - Example of the Instruction tab
To select a color, click in the color square for the appropriate item to open the color selection dialog, then use the sliders in the dialog to find the required color or type a color code into the RGB or # fields. Once a color has been selected and used, it will be listed in the Recent Colors drop-down. This drop-down is available on all the color selectors for the remaining tabs, so you can easily use the same colors in different areas of the page.
When you have set up the properties on the tab as required, click Save to save the changes.
Errors
The properties on the Errors tab control the color, size and style of the text, and the color of the background, for the error texts - .
Click on a tab in the illustration below for information on that tab.
Figure 5 - Example of the Errors tab
To select a color, click in the color square for the appropriate item to open the color selection dialog, then use the sliders in the dialog to find the required color or type a color code into the RGB or # fields. Once a color has been selected and used, it will be listed in the Recent Colors drop-down. This drop-down is available on all the color selectors for the remaining tabs, so you can easily use the same colors in different areas of the page.
When you have set up the properties on the tab as required, click Save to save the changes.
Grid
The properties on the Grid tab control the color and thickness of the grid border lines, and the width of the scale columns - .
Click on a tab in the illustration below for information on that tab.
Figure 6 - Example of the Grid tab
To select a color, click in the Border Color square to open the color selection dialog, then use the sliders in the dialog to find the required color or type a color code into the RGB or # fields. Once a color has been selected and used, it will be listed in the Recent Colors drop-down. This drop-down is available on all the color selectors for the remaining tabs, so you can easily use the same colors in different areas of the page.
- Border Width - specifies the thickness of the scale column border lines, in pixels.
- Scale Width - specifies the width of the scale columns, in pixels.
When you have set up the properties on the tab as required, click Save to save the changes.
Progress Bar
The properties on the Progress Bar tab control the colors that will be used in the Survey progress bar - . If the survey you have selected to use for the preview includes a progress bar (go to Include Progress Bar for more information), then you will be able to view the results.
Figure 7 - Example of the Progress Bar tab
To select a color, click in the appropriate Color square to open the color selection dialog, then use the sliders in the dialog to find the required color or type a color code into the RGB or # fields. Once a color has been selected and used, it will be listed in the Recent Colors drop-down. This drop-down is available on all the color selectors for the remaining tabs, so you can easily use the same colors in different areas of the page.
When you have set up the properties on the tab as required, click Save to save the changes.
Navigation
The properties on the Navigation tab control the color and font size of the text, and the background color and width, of the navigation buttons - .
Click on a tab in the illustration below for information on that tab.
Figure 8 - Example of the Layout tab
To select a color, click in the appropriate Color square to open the color selection dialog, then use the sliders in the dialog to find the required color or type a color code into the RGB or # fields. Once a color has been selected and used, it will be listed in the Recent Colors drop-down. This drop-down is available on all the color selectors for the remaining tabs, so you can easily use the same colors in different areas of the page.
- Text - sets the color of the text in the navigation buttons.
- Background - sets the color of the navigation buttons' background.
- Font size - sets the size of the text used in the navigation buttons (note that the buttons height is adjusted automatically to suit the text size).
- Width - sets the width of the navigation buttons.
When you have set up the properties on the tab as required, click Save to save the changes.
Logo
The properties on the Logo tab enable you to specify the URL to the logo you wish to use in surveys using the Easy layout, and also specify where on the page the logo is to appear - .
Figure 9 - Example of the Logo tab
- Type or copy into the Image URL field the URL to the image file you wish to use as the logo.
- Go to the Position drop-down list to select where on the page you want the logo to appear.
- Vertical Margin - sets the vertical distance between the image and the edge of the page.
- Horizontal Margin - appears when the Position property is set to one of the "...Left" or "...Right" settings. This specifies the horizontal distance between the logo and the nearest page edge.
When you have set up the properties on the tab as required, click Save to save the changes.