Repeating section

This form control is supported on Nintex Mobile in both online and offline modes.

Use the Repeating section form control to allow form users to add multiple instances (repeating rows) of that section. The Repeating section control contains a set of other controls that can be repeated in the form as necessary. This control is useful when you want to collect multiple instances of the same type of data. For example, you can use a Repeating section on an order form with multiple order items in which each row is an order item.

When you insert a Repeating section control to a form, it is an empty container until you insert other controls inside of it. If required, you can insert a Repeating section inside another Repeating section.

If you add a Repeating section control to a form, you can also reuse it as a start event variable by dragging and dropping it onto a task form. You can adjust the layout and format of the reused repeating section so that it looks the same as it did on the original form and you can add non-input controls, such as Group, Image, and Space controls (the input controls, however, are read-only). You can also reuse a nested Repeating section. This feature allows you to use collection variables created in forms in other task forms in the workflow. The data that is collected in the Repeating section control can be easily reused and displayed in a task form for an assignee. For example, an equipment order start form with a repeating section used to capture item numbers, descriptions, and quantities can be reproduced on a task form so that the order can be approved or further processed.

The Repeating section control includes functionality to compute row-based calculations. The controls in a Repeating section are available as an Object variable that contain the following variables:

  • Collections of all of the controls that are within the Repeating section.
  • An Object type variable that includes properties for each control within the Repeating section that can be inserted into row-based calculations inside a repeating section row.
Important: 

  • Designers can use the Current Row number variable to add row numbering in Repeating Sections and nested Repeating Sections. The Current Row number variable is useful for row-based calculations and can be utilised in Rules as well. To select the variable, go to the Repeating Sections object variable > Current row > Row number

  • Use the Loop for each action to repeatedly run a set of child actions in a Repeating section.

Let's look at the basics of building an order form with multiple order items. To do this, you can add a Repeating section control to your form. Each row in the Repeating section control can be used to enter an order quantity and item price. You can then calculate the total of the current row.

  1. Create a form with a Repeating section control and name the Title "Order items."
  2. Configure the Repeating section control with a minimum and maximum number of rows that you want displayed. For more information about the configuration, see Fields and settings.
  3. Add a Number control inside the Repeating section. You can use this control to enter the price of an order item, so name the Title "Price."
  4. Add another Number control inside the Repeating section and name it "Quantity" to use it to enter the quantity of each order item.
  5. Add a Label control to the form and name it "Line item total" to display the order value for each row in the Repeating section.
  6. Configure the Label control and calculate the total of each row using the current row functionality:
    1. Click the Insert tab and then click Add form variable to create a variable. The Formula builder opens.
    2. Type a Name for the variable and select the Type.
    3. In the Value field, define the formula for the variable. To select the variables of the current row, click the Variables tab. The Variables tab displays a list of variables created in the Formula builder or variables that hold values in form controls.
    4. Click the Order items Object created for the Repeating section that you added to the form. The object variable displays collection variables for all of the controls in the Repeating section, as well as a Current row Object variable.
    1. Click the Current row object variable and use the Price and Quantity variables to build your formula. Use Price multiplied by the Quantity to calculate the order value for each row in this example.
    1. Click Create to save the variable.
  7. Insert the variable you created in the Label control that you added to the form. The form will calculate and display the total of the each row in the form.

You can display start form data on a task form by adding the same form controls from the start form to the task form and configuring them to be pre-populated with the data entered in the start form. To achieve this, you can create a rule that populates the controls with the start form data when the task form loads.

You can configure a Repeating section form control in your task form to be editable after the start form is submitted. This allows task assignees to make updates to start form data before responding to the task.

  1. Create a start form with a Repeating section containing the fields you want to use.

  2. In the workflow, add the Assign a task to multiple users action and create a task form.

  3. To create the task form with start form data, you can either export the start form and import it into the task form, or manually add a Repeating section form control with the same form controls to the task form.

    Note: If doing it manually, ensure that the form control names match those that are on the start form.

  1. To create an editable Repeating section in the task form, you must first configure it to specify how many rows are in the start form Repeating section. Click the Insert option in the Default number of rows field. The Insert variable dialog bog is displayed.

  2. Use the count formula to determine the number of rows based on any field from the Repeating section in the start form.

    For example, if the Repeating section contains a Description field, the count formula might look like this:

    • Count(Workflows,Start event variables,Form variables.Repeating section.Description)

  3. Apply a rule to the Repeating section to populate the Repeating section with data from the start form. For more information, see the video given below.

Address

Barcode

Choice - Multiple

Choice - Single

Currency

Data lookup

Date/time

Email

File upload

Geolocation

Group

Image

Label

Number

People

Repeating section

Space

Text - Long

Text - Short

Yes/no

When you have one or more Repeating section controls in the form, the Apply to drop-down is displayed in the Rules with options to select the form or select a Repeating section to which you want to apply the rule. For example, if you select a Repeating section, the rule is applied to that Repeating section. In the example below, there are two Repeating sections in the form:

Repeating section in Rules

If a Repeating section is selected, you can select any control that is on the form and inside the Repeating section in the If field. However, the Then field will only display the controls inside the Repeating section that you selected in the Apply to field.

Fields and settings

Section Setting Description
(unlabeled) Title

Field title displayed on the published form.

 

Customize

Switch toggle to Yes to enable customization of the variable Name of the form control.

 

Name

(This field becomes configurable only when you switch the Customize toggle to Yes.)

Customizes the name of the variable A placeholder that stores changes each time the workflow runs, such as the information entered in a form, or the name of a file. You can also create variables to store information you use in a workflow, such as an email address. for the field. If the name is not customized, the Title will be used as the variable name.

 

Visible

Options to show or hide the field in the form.

  • Yes: Displays the field on the form.
  • No: Hides the field on the form.
  Show header

Select Yes or No to specify if you want to display a header for the control on the published form.

  • Yes: Displays the header for the control on the published form. The header text can be defined in the Header text field that becomes available in the configuration panel after you select Yes for Show header.
  • No: No header is displayed for the control on the published form.
 

Header text

(Becomes configurable only when you enable Show header.)

The header text to display for the control on the published form.

Button

Tooltip

Description

Bold

Apply bold formatting to the selected text.

Italic

Apply italic formatting to the selected text.

Underline

Apply underline formatting to the selected text.

Strikethrough Cross selected text out by drawing a line through the text.
Subscript The selected text is written as small text below the line of text.
Superscript The selected text is written as small text above the line of text.
Block quote Apply block quote formatting to the selected text.
Font family Apply a font for the selected text.
Font size Change the font size of the selected text.
Text color Change the color of the selected text.
Background color Apply a background color and highlight the selected text.

Numbered list

(Available only in larger dialog box) Convert selected text into one or more numbered list items.

Bulleted list

(Available only in larger dialog box) Convert selected text into one or more bulleted list items.

Paragraph

Paragraph format

Apply different heading sizes to the selected text:

  • Normal
  • Headings 1 to 3
Text alignment Align the selected text to left, center, right or distribute text evenly between left and right margins of the label control.

Link

Add a hyperlink to selected text. When you click the Link button, the Rich text editor window presents two additional fields relating to the hyperlink: URL and Text. Type the URL and amend the Text, if necessary. Click OK to confirm the hyperlink for the text.

Unlink

Remove a hyperlink. The unlink button becomes available after you click a hyperlink in the Header text or Rich text editor window.

Full Screen

Display the field and toolbar buttons in a larger dialog box with additional toolbar buttons available.

Decrease indent

(Available only in larger dialog box) Decrease indentation for the selected list items.

Increase indent

(Available only in larger dialog box) Increase indentation for the selected list items.

Remove format

(Available only in larger dialog box) Remove formatting from the text.
Table Opens Table Properties dialog to select properties to add a table.
Image Insert a URL to an image you want to use in the text.
Source Converts the selected text into HTML code.
Horizontal line Insert a horizontal line above or below.
Accessibility help Displays a list of keyboard shortcuts available for use in the editor.
 

Formatting options

(Becomes configurable only when you enable Show header.)

Formatting options for the header.

  • Header background: Displays a background for the header.
  • Divider line: Adds a line between the header and the controls contained in the Repeating section control.
  Default number of rows The number of rows to be displayed on the published form by default.
  Minimum number of rows The minimum number of rows to be displayed on the published form.
  Maximum number of rows

The maximum number of rows that can be displayed on the published form.

The Add new row button will be disabled on the published form when the maximum number of rows are added.
  Add row button label Text to display in the add row button.
 

Alternate row color

Switch toggle to Yes to apply a color to alternate rows.
Styling CSS class

Add a CSS class to apply a style to this form control. You can create the CSS class in the CSS code editor in form styles. Enter one class name or multiple class names separated by a space.

For more information, see Add a custom CSS to individual controls.

Note: The CSS Class field is available only if the Custom CSS setting is enabled in Nintex Workflow Form settings.
Border color

Border color to apply to the field.

To select a color, click the color box and use the color picker to specify the color you want. You can click on the color map to select the color or enter the Hex code.

To revert back to the global style, click Reset to global style.
  Background color

The color to fill the background of the field.

To select a color, click the color box and use the color picker to specify the color you want. You can click on the color map to select the color or enter the Hex code.

To revert back to the global style, click Reset to global style.