Add Properties to the Form

The following steps outline the process of adding fields to a Responsive Form:

1. In the Element Pane under Unused Properties, browse through the properties of the Form’s parent ItemType. This list shows properties that have not yet been added to the Form.

2. Drag & drop a property into a Column. This will insert a field that has been preconfigured for the selected property.

3. In the Detail Pane, view and update the properties of the field as needed.

   • Name: Name displayed when the field is selected in the Canvas

   • Label: Label displayed to the user in the Canvas and the rendered Form. Choose one of the following two options:

     • Inherit from Property: Display the label of the property, as defined on the ItemType
     • Hide: Don’t display a label

   • Help: Configure whether the field will render a help tooltip. Choose one of the following two options:

     • Inherit from Property: Display the property’s tooltip, as defined on the ItemType.
     • Hide: Don’t display a tooltip
   • Field Type: Configure the type of control to display for the field. Options are limited to controls valid for the linked property’s data type. For example, an Item control must be used if the property’s data type is “Item.” However, the admin may choose from multiple control types if the property’s data type is “Text.”

   Data Type	Field Type	Description
   Text	Text	A concise input field suitable for short entries (default)
   	Text Area	A larger input space ideal for longer pieces of text or paragraphs
   Multi Value List	Multi Value Combobox	Options can be selected from a dropdown list field. The selected options are displayed as chips in the field. (default)
   	Checkbox List	Options are displayed as a list of checkboxes

   • Resize: Configure the sizing behavior of the field control. Valid only for resizable fields.
     
     • Smart: The field will resize automatically within its Min Height and Max Height parameters. The end user cannot change its size manually. (default)
     • Manual: The end user may manually change the height of the field.
     • None: The field will not resize automatically, and the end user cannot change its size manually.
   • Min Height: The smallest height allowed (pixels). Valid only for resizable fields.
   • Max Height: The largest height allowed (pixels). Valid only for resizable fields.

4. Repeat the drag & drop process to add more fields to the Form. Columns may contain multiple fields.

5. If a field should span the entire width of the Form, it may be dropped onto the Canvas, outside of any Column.