Snap XMP Help

Using HTML

< All Topics
image_pdfimage_print

Snap Desktop provides the ability to add HTML to your questionnaires. You can add links to external web pages that participants can use when they answer the questionnaire. Custom HTML can be added to provide even more formatting options for the questionnaire.

Inserting HTML links

  1. Open the survey in the Questionnaire window. Make sure that you are in Design mode DesignModeIcon.png and that the toolbar topic is set to Font.
  2. Select the text to use for the link or place the cursor at the point where you wish to insert the link.
  3. Click Insert and select HTML Field from the menu. This opens the New HTML Field dialog. By default, the selected text appears as the link address.
  4. Edit the text in Web Address to show the web page’s URL, e.g., www.snapsurveys.com.
    • If the address begins www, then the prefix http:// is automatically added.
    • If the address contains an @ symbol, then the prefix mailto: is automatically added.
New HTML hyperlink
  1. Click OK. The start and end link tags are inserted in the questionnaire around the selected text.
Question showing the HTML tags

Editing inserted links

You can:

  • change the link’s web address
  • change the text and position used as the link anchor
  • delete the link by deleting both the <a href> and </a> tags in the questionnaire

Changing the link address

  1. Open the survey in the Questionnaire window. Make sure that you are in Design mode DesignModeIcon.png
  2. Double-click the <a href> text in the questionnaire to open the associated Modify HTML field dialog.
  3. Edit the Web address text as required.
  4. Click OK to save your changes.

Changing the position of a link

The text used as an anchor for an HTML link is the text between the <a href> and the </a> tags. To change the anchor text, you can either edit the text, or move the tags to a different position.

  1. Open the survey in the Questionnaire window. Make sure that you are in Design mode DesignModeIcon.png
  2. Click the <a href> text in your questionnaire to select it.
Question showing the HTML tags
  1. Cut the text and paste it in the new position. This moves the associated link with it.
  2. Select the </a> tag and move that as well.
  3. If you delete the </a> tag, you can insert a new one.
    • Click at the end of the text that you want to use as an anchor.
    • Select HTML Field from the Insert menu
    • Select the Hyperlink End Tag radio button in the New HTML Field dialog and click OK.

Inserting Custom HTML

You can insert custom HTML such as line breaks (<br>) and other tags in your questionnaire. It is simplest to insert each tag separately. This help does not provide instructions on using HTML.

  1. Open the survey in the Questionnaire window. Make sure that you are in Design mode DesignModeIcon.png and that the toolbar topic is set to Font.
  2. Place the cursor at the point where you wish to insert the link.
  3. Click Insert and select HTML Field from the menu. This opens the New HTML Field dialog. By default, the selected text appears as the link address.
  4. Select Custom HTML.
New HTML field with custom HTML
  1. Type the HTML that you wish to insert in the HTML box and click OK. The example shows a line break insertion.
  2. The HTML tag is inserted in the questionnaire. You can edit the tag by double-clicking it to open the dialog box.
Inserted HTML tag

If you type words separated by spaces in the dialog, you will only see the first word in questionnaire view, but the rest of the string is still there and will be put in when you publish to an HTML output.

Was this article helpful?
0 out Of 5 Stars
5 Stars 0%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 0%
How can we improve this article?
Contents