Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

📲Share or Open in Web

Table of Contents

Table of Contents

...

The steps below outline how to target form layout for multiple devices. These steps only apply to study builders.

Device Dictionary

  1. Ensure you have access to the Device Dictionary within the Host Configuration menu on the app. If you don't see it, contact support@trialkit.com to have it enabled.

...

Now you have a list of targeted device sizes that can be used on any study within the hosting account.

  1. In the Form the Form Builder Overview, open a form that you would like to target for various screen sizes. Then open the form properties for that form (highlighted below).

Note

Important Point: The form you are opening is referred to as the Parent form. It's best if this form is originally built on the web so that the web version of the form displays well on that platform and remains untouched by the more expanded functions the TrialKit builder provides.

In this step, you are merely taking that parent form and creating a mobile/child form from it , which you will use to make layout and field size changesin order to setup a different layout of the same form.

...

Notice in the form above, it was set with a width of 1400. This is likely because other tabs on the form include content that takes up more width on a screen and is designed to be completed on the website.

...