Fields in allow the collection of values from end users and are highly configurable.
All fields will contain the following basic settings:
Name for the field displayed to the user
Unique id for this field
This is automatically generated based on the “Name”
If a field has the same Id as a metadata value then it will load and save its value to that metadata value.
Field Width Settings
All fields (except grids) contain the following width settings:
By default the area where fields are rendered is broken up into 4 columns.
This setting allows you to set how many columns this field should span.
Be default it is set to “Full Width” which is equivalent to 4 columns.
For example setting this to 2 columns would make the field occupy half of the width.
This setting allows you to set how many columns this field should be offset from the left.
For example setting a field to 2 column offset and then 2 column width would make it half the size of the area and right align it.
Force New Row After Field
This setting adds padding to any columns that would be “empty” to the right of the field.
For example say you had 2 fields each configured with 2 column width then they would display on the same line.
By enabling this option on the first field we can force the 2nd field down to the next line.
By default in simple mode the column span, column offset and force new row after field settings get ignored when scaling down to small screen sizes.
Using the Advanced mode you get access to control the layout at difference screen sizes.
Options appear for Small, Medium and Large column settings when you click the Advanced option.
When using advanced mode its important to think about the usability of your field layout across all device screen sizes.