2022.1

Adding new HTML5 elements
HTML5 added several new input element types that can't be found in the Designer menu. To
add such an element to a template you can do the following:
1. Add an input element from the menu, for example a Text or Button.
2. Select the element in the template.
3. On the Attributes pane, select the desired input type from the Type drop-down list.
Changing a form element
Once an element has been added to a Form, it can easily be changed: simply select the
element in the template, go to the the Attributes pane, and edit the element. An input element
can even be changed to another type of input element by selecting the desired input type from
the Type drop-down list.
Specifying a default value
Attribute a default value to a Text, Textarea and other Form elements by dragging a field from
the Data Model pane directly onto the field, once it has been created. This also works when
dragging a field from a detail table in a record set into a Form element that is contained within a
Dynamic Table.
Note that the default value doesn't disappear when the user clicks the field, as placeholders do.
To insert a placeholder in a field, type a label and choose Use label as placeholder as its style
when adding the element to the form; see "Adding elements to a Form" on page591.
Making elements required
To change the validation of a COTG or Form element, right-click the element and choose
Validation settings. Now you can change the Form's validation method and set the
requirements per field; see "Changing a Form's validation method" on page754.
Grouping data using arrays
In a Connect solution, when a Web Form or COTG Form is submitted, there is a Workflow
process that receives the data and creates a job data file (which is an XML file). Having arrays
in the job data file greatly simplifies creating a data mapping configuration and looping over
data in Designer scripts. Here's how to group data in the HTML so that they get submitted as
arrays.
Page 594