Online Technology for Research & Insight

FAQs: Survey appearance and languages

Frequently asked questions. Click on any question to see the answer.

Appearance and language overview


OAL01 How do I create a style sheet for my survey?

When editing your survey, there is an Appearance icon in the Survey Edit toolbar. This tool lets you change the styles for the text within a survey, page headers, survey background, and so on. There are three tabs:
TEXT: Here you can change the colour, font and size of textual elements, as well as the space around them. Click on the type of text from the list and make the appropriate changes.
PAGE HEADER: Use the title of the survey or an image (logo or banner, for example) that will appear at the top of every page of a survey.
BACKGROUND: Use images as background watermarks, either singly or as multiple tiles, or use a solid colour.
You can also Import a style sheet from another survey in your account. Simply click the Import from another survey button found on each tab and select the survey you want to import from.
Once you've made any changes, click APPLY and the changes will immediately show in your survey.

OAL02 Can I import a style sheet from an older survey into a new survey?

Yes. Click on the Appearance icon in the Survey Edit toolbar. Click the Import from another survey button found on any of the tabs and select the survey you want to import from. Click Import and then APPLY.
NOTE: You can make changes to this imported style sheet without affecting the original.

OAL03 How do I add a progress bar at the bottom of my survey pages?

In edit mode, click on the Survey Properties icon on the toolbar. Go to the Controls tab and the Progress bar is one of the Navigation options. The dropdown menu lets you choose between a graphic progress bar (e.g. 66% complete) or text (e.g. Page 3 of 5). Choose one and then click the SAVE CHANGES button below. Then UPDATE PAGES and PREVIEW to see the change take effect. NOTE: There is also a tickbox here that allows you to hide the Previous button on every page of the survey, although Page properties allow you to hide the Previous button on selected pages only.

OAL04 What languages do you support in surveys?

Demographix now supports the following 39 languages for standard survey features (such as the Next, Previous and Submit Answers buttons). They are: English, Albanian, Bulgarian, Chinese, Croatian Serbian, Czech, Danish, Dutch, Estonian, Finnish, French, German, Greek, Haitian Creole, Hebrew, Hungarian, Indonesian, Italian, Latvian, Lithuanian, Macedonian, Maltese, Norwegian, Polish, Portuguese, Brazilian Portuguese, Romanian, Russian, Serbian, Slovak, Slovenian, Spanish, Swedish, Turkish, Thai, Ukrainian, Vietnamese and Welsh. You will need to ensure that the survey content is correctly written in your chosen language as we do not offer translation services. NOTE: We can add most language sets as and when needed, so call us if the one you want isn't on our list or you have any other questions about language support.

OAL05 How do I change the language used on survey prompts and buttons?

We currently support 39 foreign languages (see list in FAQ OAL04 above) for standard survey control and alert features (such as prompts, alerts and buttons). You can apply existing language sets on the Survey Properties control, under the Controls tab. Select the survey language from the dropdown and click SAVE CHANGES. You will need to ensure that the survey content is correctly written in your chosen language as we do not offer translation services. NOTE: We can add most language sets as and when needed, so call us if the one you want isn't on our list or you have any other questions about language support.

Making changes across the survey


CAS01 How do I change the colour of the background of my survey?

Click on the Appearance icon on the Survey Toolbar. The Customise Survey Appearance toolset then appears in a pop-up. This allows you to alter the style sheet of the survey. Click on the BACKGROUND tab, and the first option there is "Background colour within survey". Click on the Colour chooser icon Colour chooser and the Colour Picker tool will pop up. Point to any colour on the palette, and it will display its hex code once selected. If you have a hex code already, enter that in the hex code box, then click outside the colour picker to see the colour displayed. When you've selected the desired colour, click the Apply button to close the Colour picker. The new background colour will now display in the Appearance box. When you then click the APPLY button, the Survey Appearance tool will close and the new background colour will be shown in the workspace.

CAS02 How do I change the font and colour of text in a survey?

Click on the Appearance icon on the Survey Toolbar. On the TEXT tab, choose any of the elements in the survey (survey name, question text, etc) by clicking on it (a grey outline box will show it has been selected). Then use the controls above to change: the font (click on the box and a dropdown list of alternative fonts will appear), make text bold , make text italic , the size of the text , the space above the text , the space below the text , the space between lines , and the text colour Colour chooser. These changes will dynamically display below. When you're done, click the APPLY button, and then the UPDATE PAGES and PREVIEW buttons to see the changes take effect.

CAS03 How do I add more space above and below questions, answers or standing text?

Click on the Appearance icon on the Survey Toolbar. On the TEXT tab, choose any of the elements in the survey (survey name, question text, etc) by clicking on it (a grey outline box will show it has been selected). Then use the controls in the row above to change the space above the text or below it. The space above and below the text is measured in pixels (px) – spaces of between 4px and 10px usually do it. Apply the changes and preview your survey and you can see the effect immediately. Alternatively, if you just want occasional blank spaces, you can do this by adding a new question/item and selecting the blank space option and then specifying the height of space you want, between 1 and 6 lines.

CAS04 How do I add a graphic (a logo or banner image) at the top of each page of my survey?

Click on the Appearance icon on the Survey Toolbar and select the PAGE HEADER tab. Select one of the "Use image..." options, depending on where you want the image placed (it can be left, right or centre aligned). Then choose your desired graphic from the "Page header image" selector pull-down menu below – select a category and then the image name. Make sure the image is selected (it will automatically preview) and click the APPLY button. Use the UPDATE PAGES and PREVIEW buttons to see the new page header displayed on all pages.

CAS05 Can I pick a colour from an image, so I can brand-match my survey?

Yes, this kind of brand-matching from an uploaded logo or banner image is easily achieved with our colour-picker tool. Once your logo is uploaded, simply select the item in the Appearance toolset to which you want to apply a colour, and click the Colour chooser icon Colour chooser. Click on "From Image" and use the colour picker image selector to choose the relevant image. Select the colour by positioning the cursor over a part of the image, and then click the USE COLOUR button to apply it.

Making local changes within surveys


LCS01 How do I add more blank space between two questions/elements of a survey?

Add a new question/item to the relevant page, and you'll see that there's a blank space element available in the menu. Select the height of space you want (between 1 - 6 lines), and click Save new question/item. It will then appear at the bottom of the page – you may need to use the Re-order Question on Page option in the Page Actions menu to move this item to its correct position on the page. NOTE: If you find yourself having to add lots of blank spaces to get the right appearance, think about using the Appearance menu to apply spacing above or below different types of textual elements -– questions, text blocks, headings, etc. See FAQ CAS03.

LCS02 How do I change the colour of part of my question text in order to highlight it?

Use the HTML span style tag within the text of the question. To change the colour to red for example you would add <span style="color: red;">some red text</span> like this. Or you can add <span style="color: #FF0000;">some red text</span> like this. Both will change the colour of the text between the two HTML tags into red like this piece of red text. NOTE: "color" must be spelt in the American fashion.

LCS03 How can I make words within a question appear bold, italics or underlined?

These are the codes you should use: the following HTML code produces a <strong>bold or strong</strong> character string (bold or strong). The following tags produce an <em>italicised or emphasised</em> character string (italicised or emphasised). We do not recommend you underline words, as this confuses people into thinking they are links. NOTE: Make sure that your text style is NOT already bold or italics in the Appearance menu – it could negate the effects above.

LCS04 How do I add a horizontal rule within a page of questions?

Horizontal rules are added in the same way as a new question – click on the ADD NEW QUESTION icon icon at the bottom of the page you want to add the rule. Select "Horizontal Rule" from the "Select a category" pull-down menu in the Question properties. You can choose from four levels of thickness on the pull-down menu labelled "Select rule thickness", and by clicking on the Colour chooser icon Colour chooser you can choose any colour for the rule as well. The changes you make will automatically show in the example rule displayed.

Back to FAQs list