Section and column layout types

Applies to Infiniti v8.0 or later

Sections and columns

A section is a way of organizing questions into columns. This provides more flexibility in the layout of the web form, and provides a neater way of representing a related group of questions.

Sections may also be configured to repeat, to collect multiple rows of columned data much like a table. For more information about repeating sections, refer to Repeating Sections.

Usage

Sections can be added to pages, or even nested within other columns or tabs. They are comprised of section columns to arrange questions across the page.

Titles and descriptions can be added to sections, as well as column titles to provide more information or context for the end user.

How to add sections and columns

1. Create a page (refer to Pages).

2. From the toolbox drag a Section onto the appropriate page in the question set.

3. On the Properties tab, complete the following properties:

Property

Description

Title

Optional. Provide a title for the section, to be displayed in Producer.

Description

Optional. Provide a description for the section, which may provide the user with more context information.

4. From the toolbox drag a Column onto the section created above. Note: there is no limit to how many columns you can add, but you should be mindful of readability.

5. On the Properties tab, complete the following properties:

 

Property

Description

Title

Optional. Provide a title for the column, to be displayed in Producer.

Width

Optional. This property is only available when more than one column is added to a section. Set the width as a percentage or number of pixels, using the drop-down to select which. By default the width is set to ‘0’, which automatically stretches to fit.

Help Text

Additional information to display when the question’s help icon is clicked. Help text can also be formatted using HTML.

6. Add further layout types (refer Layouts) or question types to the column as required.

 

Related Articles

 

 

Keywords

 

sections columns organize layouts