Form Layout App is part of KWizCom Forms App (Standard edition).
With the Form Layout App end-users can customize the SharePoint list forms' layout to create multi-column and multi-tab forms.
KWizCom Form Layout app
Create multi-tab forms
Create forms with collapsible frames (Accordion)
Tab permissions: Tabs can be displayed only to specific users/groups
Flexible multi-column layout
Inherit SharePoint theme
The following screenshot displays the Form Layout app settings page:
This settings page allows you to customize the form’s layout and to divide your form into groups. Each group includes columns, and these groups can be then configured to be displayed as tabs or collapsible sections.
These properties affect the entire New/Edit/View forms:
Field caption location
By default SharePoint field captions appear near their fields. You can setup the field captions to appear above their fields.
Default number of fields per row
This property allows you to turn your form to a multi-column form by increasing the number of fields in a row.
Display groups as
If you create groups, you can display these field-groups as tabs or as collapsible sections.
Hide group if all fields invisible to user
Check this property if you want a field-group to be hidden in case all its included fields are hidden.
This is relevant only of you have KWizCom Column app or KWizCom Forms app installed.
Add "All fields" group
Check this property if you want to have an additional group that displays all field. This option is usually used for testing when you are creating your forms.
Use this section if you want to divide your form into sub-section/tabs. In order to do it you need to create groups. Each group includes selected fields, and a layouts that you can configure.
To create a new group:
1. Click the “new group” link:
2. Give the group a name (will be displayed as the title of your group):
3. Now, under “Layout” you’ll see an empty grid that allows you to create cells and locate fields in them. Here’s how you should start configuring your field group’s layout:
a. Setup the “Number of columns per row” property: This defines how many fields will be displayed in a row. You can change this per-group.
b. Add rows to your empty grid: to add/remove rows click the “+” or “-“ icons under the “Rows” control on the right side: after you add a rows you will see the row’s empty cells with “+” icon in each one of them.
c. To add a row below an existing row – click a row under which you want to add a new row and then click the + icon below the “Rows” section.
d. To remove a row – click the row that you want to remove and then click the - icon below the “Rows” section.
e. To display a field in a cell simply click the cell’s “+” icon, it’ll display a drop-down with all existing field – choose the field that you want to display in the cell:
f. If you want a field to span over several columns because you want it to be wider, click the cell that contains the field and then use the “Column Span” control to configure the amount of column this field will span:
g.To save your settings click “Apply” or “OK” at the bottom of the settings page.
To configure group’s visibility:
Under each group’s “layout” section you’ll see the “Conditions” section:
Each group may have multiple conditions that define when the group will become visible.
To create a condition:
1. Click ”new condition” link.
2. Configure your condition by select columns and operators to define a logic criteria. You can have multiple conditions.
3. To save your settings click “Apply” or “OK” at the bottom of the settings page.