Skip Ribbon Commands
Skip to main content
Sign In

Form Layout

Product Overview

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.


Key Features


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


Customizing the list form layout

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.

General display settings

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.



Groups (Tabs/Sections)

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.

Last modified at: 11/16/2020 7:10 AM
Last modified by: Nimrod Geva
Type: User-guide
Article has been viewed 1449 times.

Also in this category

Powered by KWizCom WikiPlus