Form Text

Owned by Olesya Tantsyura
Last updated: Nov 19, 2024
3 min read

1. Description

The component allows you to display any static information on the page.

Markdown formatting and variables set during a call or chat are supported.

You can set the border color to highlight the block.

It is used, for example, to create Forms — a dynamic page of the Workspace.

This component is present in flow types like:

  • Forms.

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 Text component

1.1. Form Text 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 Text 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 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.

It consists of the following fields:

  1. Text;

  2. Enable copying;

  3. Label;

  4. Hint;

  5. Color;

  6. Collapsible.

1.2.2.1. Text

Here, enter the text that will be displayed in the Form.

It is possible to use variables.

Click on the  button to expand the field.

1.2.2.2. Enable copying

The switch is responsible for the presence of a button for copying this text in the form -  (Fig.2).

1.2.2.3. Label

The text entered in this field will be displayed as a heading before the text in the Text field.

1.2.2.4. Hint

You can enter a hint in this field. The tooltip will be displayed when you hover over the  icon.

The icon will not be displayed if the field is left blank.

1.2.2.5. Color

Here you choose the border color to highlight the block.

Note

In the Flows created before the v.22.07 update, the previously chosen color is not displayed in the settings panel of the Form Text component, but the settings are saved and are displayed in dynamic pages according to the previously chosen color.

It is recommended to re-select the desired color in such Flows.

1.2.2.6. Collapsible

The switch is responsible for the ability to expand/collapse the block with text:

 - the block with the text is collapsed by default, and it becomes possible to expand/collapse the block (Fig.2);

 - the block with text is expanded by default (Fig.3) without the ability to collapse (Fig.4).

Fig. 2. Expanded block with a hint

- copies the text entered in the Text field;

Fig. 3. Block collapsed without a hint

- expands the block with text;

- collapses a block with text.

Fig. 4. Expanded block with the Collapsible switch on (with a hint)

1.2.3. Break

1.2.4. Add limit

Fig. 5. Setting a limit

1.2.5. Add description

Fig. 6. Add description