Form Rich Text Editor

1. Description

The component is designed to create a text input field with the possibility of formatting for the agent.

The block (Fig.1(1)) is used in space to build the Flow. The settings panel for this component opens (Fig.1(2)) when you click on the block.

Fig.1. Form Rich Text Editor component

1.1. Form Rich Text Editor block

The block consists of the following elements:

1. The name of the component;

2. In branch — receiving (connecting with the previous block) branch;

3. Out branch — outgoing (connecting with the following block) branch. When hovering over the Out field, a switch appears. The switch allows this component to be connected to a component that already has a connection.

The presence of an icon indicates that the switch is on, and this component can be connected to a component that already has a connection.

Changing the switch position removes the outgoing branch of this component.

The button deletes the block from the Flow Schema.

1.2. Form Rich Text Editor settings panel

It consists of the following elements:

1. Id;

2. View;

3. Break;

4. Limit;

5. Add description.

1.2.1. Id

Here you enter the name* (unique within the Flow) – a service name that is not displayed on the page. It is used as a variable for further access to values.

1.2.2. View

It is designed to customize the view. An example of filling — Fig.2.

Unknown Attachment

Fig. 2. Example of filling

It consists of the following field:

1. Initial value;

2. Label;

3. Hint;

4. Output.

1.2.2.1. Initial value

Here you enter the text that will be displayed in the input field in the form. Editable by the Agent in the Workspace.

1.2.2.2. Label

You can enter a description of the task in this field.

1.2.2.3. Hint

You can enter a hint in this field.

1.2.2.4. Output

Here you select the type of field for entering text.

The following options are available:

• Plain text — regular field (Fig.3);

Unknown Attachment

Fig. 3. An example of displaying in the Workspace when Plain text is selected

• HTML (HyperText Markup Language) — a field with the possibility of markup (Fig. 4).

Unknown Attachment

Fig. 4. An example of displaying in the Workspace when HTML is selected

1.2.3. Break

Responsible for the completion of the flow execution.

• — initiates the end of the flow execution after the given component.

• — the switch is in the off position.

1.2.4. Limit

It is intended to determine the maximum number of passes through this component.

The failover branch appears in the edited component when the limit is set .

The failover branch will be used if more passes are passed through the component than entered in the Max field.

Clicking on the Add Limit button adds a Max field and a Delete limit button.

The number of possible passes is indicated in the Max field.

Clicking on the Delete limit button removes the limit and returns the Add limit button.

Fig. 5. Setting a limit

1.2.5. Add description

When you click the Add description button, a Description field and a Delete description button will be added.

The Description field is used to add comments to the component.

Clicking the Delete description button removes the description field and brings back the Add description button.

Fig. 6. Add description