Adding a hyperlink to a form

  • Published by Viedoc System 2025-06-10
  • Print

Introduction

This lesson explains how to add a link to a form in Viedoc.

In Viedoc, it is possible to add links to forms when you edit them in Viedoc Designer. This can be useful for example, when using Viedoc Me, a trial patient could select a link in a form to watch an instructional video on the web.

While a basic understanding of coding and text editors is required, the steps to add a hyperlink to a form are straightforward.

Adding a hyperlink to a form

To add a hyperlink to a form:

1

From the Forms editor in Viedoc Designer, select Static text from the Standard elements menu.
2

Select Save changes.

Note! Make a note of the name of the static text element or its variable ID (in the example shown, this is DM5).
3

Return to the Overview of study design page and select Design Settings.
4

In the Design Settings page, select the Export Design tab.
5

Select the checkboxes for the options you require and then select Export.
6 The ODM file will download. When the ODM file download is complete, open it in a text editor that can read and edit files with the .XML file extension. (For windows users, we recommend Notepad ++. For Mac users, we recommend TextEdit.)
7

Open the ODM file in your preferred text editor and search for the variable ID.
8

When you find the variable ID, replace "Static text" with text that looks like this:

<a href="[url]" target="_blank" rel="noopener noreferrer">[name of your link]</a>

The [url] placeholder should be replaced with the target URL.

The [name of your link] placeholder should be replaced with the actual text you want to display

For example:


Note! Do not replace the "statictext" in HtmlType="statictext" field.
9

After making your changes, save the file. Import the design and check to ensure the link appears on the form.

For more information about importing a design, see: Importing a new design version.