2022.1

l Kitchen Sink. The Kitchen Sink Template includes a wide range of basic form and
COTG form elements demonstrating various possibilities of the software.
l Time Sheet. The Time Sheet Template is a single page application used to add
time entries to a list. This template demonstrates the dynamic addition of lines within
a COTG template, as the Add button creates a new time entry. There is no limit to
the number of entries in a single page. Submitted data are grouped using arrays
(see "Grouping data using arrays" on page630).
3. Click Next and make adjustments to the settings. The wizard remembers the settings that
were last used for a COTG template.
l Create Off-Canvas navigation menu: an Off-Canvas menu is a Foundation
component that lets you navigate between level 4 headings (<h4>) in the form.
Check this option to add the menu automatically.
l Submit URL: enter the URL where the form data should be sent. The URL should
be a server-side script that can accept COTG Form data.
l The Title and the Logo that you choose will be displayed at the top of the Form.
l Colors: Click the colored square to open the Color Picker dialog (see "Color
Picker" on page1017) and pick a color, or enter a valid hexadecimal color code
(see w3school's color picker) for the page background color.
Do the same for the background color of the navigation bar at the top and for the
buttons on the Form.
4. Click Next to go to the next settings page if there is one.
5. Click Finish to create the template.
The Wizard creates:
l A Web context with one web page template (also called a section) in it. The web page
contains an 'off-canvas' Div element, Header, a Section and a Footer element with
dummy text, and depending on the type of web page, a navigation bar, button and/or
Form elements.
l Style sheets and JavaScript files related to the COTG form itself and others related to
the Foundation framework (see above). The style sheets can be found in the Stylesheets
folder on the Resources pane. The JavaScript files are located in the JavaScript folder on
the Resources pane.
l A collection of snippets in the Snippets folder on the Resources pane. The snippets
contain ready-to-use parts to build the web form. Double-click to open them. See
"Snippets" on page775 and "Loading a snippet via a script" on page945 for information
about using Snippets.
Page 491