2022.1

Foundation
With the exception of the most basic one, all Web Template Wizards in the Designer make use
of the Zurb Foundation front-end framework. A front-end framework is a collection of HTML,
CSS, and JavaScript files to build upon. Foundation is a responsive framework: it uses CSS
media queries and a mobile-first approach, so that websites built upon Foundation look good
and function well on multiple devices including desktop and laptop computers, tablets, and
mobile phones. Foundation is tested across many browsers and devices, and works back as far
as IE9 and Android 2. See http://foundation.zurb.com/learn/about.html.
For more information about the use of Foundation in the Designer, see "Using Foundation" on
page617.
After creating a COTG template, the other contexts can be added, as well as other sections
(see "Adding a context" on page499 and "Adding a Web page" on page581).
Tip
If the COTG Form replaces a paper form, it can be tempting to stick to the original layout.
Although that may increase the recognizability, it is better to give priority to the user-
friendliness of the form. Keep in mind that the COTG form will be used on a device and
don't miss the chance to make it as user-friendly as possible. See "Designing a COTG
Template" on page609.
Creating a COTG template using a wizard
To create a COTG template with a template wizard:
1. l In the Welcome screen that appears after startup and when you click the Home icon
at the top right, choose Browse Template Wizards. Scroll down until you see the
Capture OnTheGo Starter Template Wizards.
l Alternatively, on the File menu, click New, expand the Template folder, and then
expand the Capture OnTheGo Starter folder.
2. Select a template. There are 8 types of Web Template Wizards:
l Blank. The Blank COTG Template has some basic design and the appropriate
form, but no actual form or COTG elements.
Page 613