The canvas refers to the job area of the process editor. When creating a process, you need to drag components to the canvas and configure the data of the components. This topic describes the meaning and functionality of each section on the canvas page. This helps you acquire the knowledge required to get started with Chat Flow.
Example of a canvas page
The following figure shows an example of the initial page after a new flow is created. You can view the canvas based on the sequence number in the figure and the canvas area description.
Description of sections on the canvas page
The following table describes the functionality of each section on the canvas page. The sections are identified by serial numbers in the figure provided in Example of a canvas page.
Serial number | Section | Description |
1 | Flow Name and Version | Displays the name and the version of the current chat flow. |
2 | Save | Saves the modification and configuration for the chat flow. |
3 | Online /offline | Publishes or unpublishes the chat flow. |
4 | Settings |
|
5 | Outline Tree | Displays the canvas flow information in a text outline. You can quickly search for and locate a widget by widget name. |
6 | Component Library | The information about all components in the canvas. You can click a component and drag it to the canvas. |
7 | History Versions | Displays all versions of the chat flow in a list. You can select a version that you want to modify and close the list to switch the version. |
8 | Error verification | Automatically checks for error messages in the canvas orchestration process. |
9 | Component selection area | On the left side of the page, click the required component and drag it to the canvas. Alternatively, click the icon on the |
10 | Canvas | Located in the middle of the page, you can click the scale bar + or-above the canvas to zoom in or out. You can move the canvas by dragging the blank area with the mouse. |
11 | Component configuration section | Located on the right side of the page, you can click Components in the canvas to configure component data in this area. |
canvas and select the component to be added. References
For more information about how to use the process editor and components, see the following documentation.
For more information about the features and configurations of the process editor, see Process editor components.