General design settings
Netigate’s design settings make it possible to create surveys that adhere to your organization’s graphic profile. Netigate enables work with design templates and every account may have one or more templates. Using design templates makes it possible to create various graphic profiles for different needs. When creating a survey, a design template is selected to be used for this very survey.
At the top of the page there is a drop-down menu with the various design templates that have already been created. Now choose the template you wish to work with from the list. If you would like to create a new template, enter the name you wish to use for your new template in the field to the right of the list and then follow the various design settings as below.
Under this heading you will find settings for the entire form page.
Table: Here you can set the width you want the survey to have in the web browser window.
Border size: Here you can set the size of the border around your survey.
Border color: The color of the frame (if any) can be selected here.
Position: Here you can set the survey to be centered or left-flush in the web browser window.
Top margin: Here you can set the margin between the web browser window’s top and the survey.
Left margin: Here you can set the margin you want to have between the web browser window’s left side and the survey.
Banner: A banner is placed at the top of the survey, where it is possible to add a custom logo, for example by:
1. Clicking on Upload banner. Banners can be a maximum of 750 pixels wide.
2. A new window opens, where you can search and upload the image file you would like to insert.
3. After the image has been saved by the system, a text is displayed next to the button, stating that the image has been uploaded and will be saved when the rest of the settings are saved.
Upper line: Here you can set the color and thickness of any line to appear above the survey below the banner.
Lower line: Here you can set the color and thickness of any line to appear below the survey.
Progress bar color: Here you can set the color of your Progress bar, in other words the figure below the survey that shows the respondent how far they have come in the survey.
Under this heading you will find color options for the survey form.
Banner background color: The space behind an uploaded banner.
Survey page background color: The space outside the form.
Survey inside color: The space inside the form.
Footer inside color: The space in the footer.
Text properties – Questions
Under this heading you will find settings for formatting of the question text.
Question/Heading: Settings for the question text.
Description/Background: Settings for the question’s descriptive text.
Mechanism/Header: Settings for the response alternatives’ descriptive text.
Option text: Settings for the response alternatives’ descriptive text.
Link text: Settings for link text. We recommend using underlined links.
Botton text: Settings for button text.
You can set the following for all options: Font, font size, color, bold, italic, and an underline option for links.
Textproperties – Footer
Here you will find settings for formatting of footer text.
Tip! Since the footer includes contact information and links to support and contact persons, another formatting than the rest of the text may be preferable.
Footer text: Here you can set how you want the footer text to appear.
Footer link text: Here you can set how you want the link text in the footer to appear.
Preview the settings by clicking the Preview button. In preview mode, an example of how your settings for the survey will appear is displayed. Confirm the design template by clicking Accept settings and save or click I want to continue editing to return to the editing mode and make changes.
You can return to General design settings to edit a design template at any time. The changes you make will have effect in all surveys using that specific design template.
Copying a design template
It is possible to copy design templates that have already been saved. This may be applicable in the event that you want to use the same design settings but with only slight adjustments. In order to copy a previously saved design template, you first select the template that you want to copy and in the field to the side you enter a name for the copy. Then press Save at the bottom of the page and your new design template is saved.
Under this tab it is possible to make settings for the colors to be used on the graphs in your reports.
Select the colors in the menu and then click Save. If the colors do not change, try logging out and then logging in again. To set the colors to Netigate’s standard palette, remove all color codes and then click Save. Log out and then log in again for the changes to be saved.