2022.1

Using Foundation
This topic explains how to use the Foundation Grid and other Foundation components in a
Web Form or COTG Form.
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.
Capture OnTheGo and Jumbotron template wizards automatically add the Foundation files v.
5.5.1 to the resources of the template. In a future version of PlanetPress Connect, Foundation 6
will be included. If you'd rather start using the newest Foundation files right away, you have two
options:
l Download the Foundation files (from http://foundation.zurb.com/sites/download.html/) and
add them to the template manually.
l Use remote Foundation files from a CDN, such as https://cdnjs.com/ (search for
Foundation).
See "Using JavaScript" on page597 and "Adding CSS files" on page788 for further
instructions.
Once the Foundation files have been added to a template, you can use the Grid, as well as
many other Foundation components, in your template.
Tip
Take a look in the Snippets folder on the Resources pane. After creating a template with
a Capture OnTheGo or Jumbotron template wizard, this folder contains a number of
ready-made elements that make use of Foundation.
Page 617