Array

Article Overview

The following article describes the Design properties of the Array component and explains how to build an array.

Viewing Design Properties

(See Figure 1)

To view the design properties of the Array component perform one of the following:

• Drag and drop it onto its desired location in the canvas and click it. 
• If the component is already added to the canvas, locate and click it.
• If the component is already added to the canvas, locate and click it using the Navigator. 

The Design properties will appear in the right section under the Design tab.

Figure 1: Design Properties

Array Design Properties

(See Figure 2)

The Array component has the following Design properties:

• Helper Text - a text designed to guide end-users regarding the required input.
• Add Button Label - enables you to set the label of the Add button.
• Remove Button Label - enables you to set the label of the Add button. 
• Minimum Items - enables you to set the minimum amount of items that will appear by default to the end-user while interacting with the digital process.
• Maximum Items - enables you to set the maximum amount of items the end-user can add to the array while interacting with the digital process. 
• Delete - removes the component from the canvas.

Figure 2: Radio Group Design Properties

Building an Array

The following sections describe how to build an array.

Physical Structure

(See Figure 3 and Figure 4)

To build the physical structure of an array, perform the following steps:

1. Drag and drop the Array component (1) into the desired Page component. For example:

Figure 3: Array Component

2. Drag and drop components inside the Array component, for example:
   1. Grid (2).
   2. Four Text Field components (3).

Figure 4: Additional Components

Configure the Design Properties

(See Figure 5 and Figure 6)

To configure the Design properties, perform the following steps:

1. Click the Array component (1).
2. Configure the Design properties (2), for example:

Figure 5: Configuring the Array

3. Click and configure the Design properties of the rest of the components, for example:

Figure 6: Additional Properties