General information
Using an HTML element in survey templates allows you to add, for example, blank space or different coloured text to surveys. HTML supports many functions and those who know markup language can do more with it, but we have provided a few basic examples in this guide.
In an HTML element, you can write different paragraphs in the following style:
<p style=”preferred style”>Free text</p>
Adding empty space
Blank space can be added to different parts of the text with the following parameter:
<p style=”padding-top: 20px”></p>
In this case, the text is optional and the element above adds a 20px high white space between the elements where the HTML element will be placed. If text is added to the parameters, the padding-top parameter will add white space at the beginning of the element.
Four different parameters can be used to add white space:
- padding-top adds space above the text.
- padding-bottom adds space below the text.
- padding-left adds space to the left of the text.
- padding-right adds space to the right of the text.
Adding coloured text
With colored text, the style is changed by typing color: followed by the name of the desired color or its hex code. The code supports more than 100 different colours with their English names. The colours are written together, so for example, light green text can be created by typing color: lightgreen. Hex codes are in the form # + colour code and the colour code for one shade of light green is #7df59d.
You can easily get the colour codes for a colour you like by using the colour picker in any of the survey’s Theme editor settings – just remember to change the setting back after your investigation is done!
So, for example, if you wanted to include a red text string in your survey, you would use the following parameters:
<p style=”color: red”>This will add red text</p>
<p style=”color: #FF0000″>This will also add red text</p>.
Combining parameters
What about a situation where you would like to have a blank space first, then red text, and then a blank space at the end, or a similar combination of styles?
This can be done by typing the parameters one after the other and separating them with the ; sign. This would then make the empty space + red text + empty space in the HTML element as follows:
<p style=”padding-top: 20px; color: red; padding-bottom: 20px”>Type the desired text here</p>
Surveys – Frequently Asked Questions
Can I edit the style of the survey?
In the survey Theme settings, you can edit multiple style settings like fonts, backgrounds, etc..
Does the survey scale for mobile devices?
Yes, the survey will scale for mobile use, and you can use the preview settings to check how it will look on different devices.
Can I use a template when creating a survey?
Survey Editor has a few ready-made theme templates for easy-to-use layout settings. You can also make a survey you like and then copy it by using a module tool [insert link]. It is also possible to order a special template made by us for you by contacting our support.
Can I edit the survey after it has already been sent?
Editing the survey is always possible on the surface level, assuring that respondents will get perfect survey. This means that question title and answers visible to receivers can be edited at any time. However to avoid logical errors the values related to question and its answers will be locked from edits after there has been at least one answer to the survey.
How many times users can answer the same survey?
Survey answers are limited to one per sent link to automatically prevent multiple answers for the same survey. If there is a need to receive multiple answers from the same person, using a new email with the survey link does the trick.
Can I edit the survey answers tab to organise the answer data the way I want?
The Survey Responses tab only allows you to view the responses and organise them by date. However, you can always use the Excel export feature to get the answers into the Excel spreadsheet where you can sort, organise and edit them as you wish.
Is it possible to see the answers in the form of graphs?
Where possible, the Survey Responses tab will display the responses to the question using a doughnut or bar graph. This feature is available for all fixed answer question types, but not for open-ended questions such as text answers.