Using Web View Steps

Web View steps allow you to present a custom step inside an RKStudio survey.

Examples of Web View Steps

Web View steps can be used to present customized selections, instructional text, embedded videos, feedback forms, and any other step that isn't covered by the built-in RKStudio step types. This gallery shows just a few examples of actual Web View steps.

Creating a Web View Step

When you add a step to your survey, select “Web View Step” for the step type.

The “Web Content” editor at right will contain some starter HTML, including CSS styles. Use this as a launching point, or replace it with your own web content.

Using Templates

In addition to the starter HTML, several templates are available to aid in the design of Web View steps. To browse these templates:

  1. Go to the Survey Store.
  2. Open the “Sample Surveys” folder.
  3. Select one of the Web View step templates to preview it.
  4. Click the “Import” button to import a copy into your project, which you can then modify or use as reference.

Sharing Styles

If you have styles shared across multiple Web View steps, you can create a shared CSS file and reference it from within your HTML header:

<link rel="stylesheet" href="">

Using Dynamic Fields

As with other survey steps, you can utilize dynamic fields (identifiers, demographics, and custom fields) in your Web View steps. These may appear in either the HTML or JavaScript. For example:

<p>Welcome back, <%DemographicField.FirstName%>!</p>


if ("<%DemographicField.Gender%>" == 'M') {}

See Using Dynamic Fields for more details, including a complete list of available fields.

If a dynamic field contains HTML, it will be encoded and displayed as raw text.

Using JavaScript

You can use JavaScript in your Web View steps to create a dynamic experience. The following topics cover common tasks for Web View steps scripting:

You can also use the MyDataHelps JavaScript SDK to leverage your project’s data–past survey answers or compliance, detailed participant information, and device data–to tailor the behavior of your Web View steps.