Multi property page layout

Default layout

When creating a new process, the process editing window displays the default layout. The first property page is the main flowchart and cannot be closed, as shown in the following figure:

The default layout consists of a toolbar in the top area, a process panel, a command panel, a search panel, a timeline panel in the left area, a multi property page panel consisting of flowchart and process block in the middle area (multiple process block can be opened at the same time), a attribute panel and a variable panel in the right area, and an output panel and a debug panel at the bottom of the middle area.

The debugging panel will only be displayed when entering the breakpoint debugging state.

Toolbar

The toolbar panel in the top area is composed of tool icons, and is displayed or hidden according to the switch between the process icon tab and the process block property in the middle.

click Learn more about the toolbar.

Process property panel and command property panel

The left area contains the process property panel and the command property panel, which respond to the display according to the switching of the active property in the middle area:

• When the process icon tab is activated, the left area correspondingly activates and expands the process property panel. At the same time, you can switch to the command property panel, but at this time, the command property panel is in the status of no command available.

• Click the tree node in the process list to directly locate the process block component in the flowchart.

• Double click the tree node in the process list to create a process block property page (if it is not opened) in the multi property page panel in the middle area.

• The UI Library is used to uniformly manage the selected UI targets (elements/windows). Each UI target can be user-defined named. At present, each process has an independent UI Library, that is, the included sub process is also an independent UI Library, and the target name is used separately in the main sub process.

  Please click Learn more details.

• When the process block property is activated, the left area corresponds to the activation and expansion command property panel. At the same time, you can switch to the process property panel, and double-click in the process list to open a new process block tab.

  

Search Panel

• The search panel supports the quick matching of target content in all process block (including sub process) in the process, which is displayed in a list.

• It supports one key replacement of flowchart variables, subprogram references, module references and other references with the same name in all process block in the process.

Timeline panel

Based on the timeline function submitted by the process (or Library), you can record the overall differences and perform multi version management on the overall process.

• It supports manual saving of time points, and can submit user-defined instructions, that is, a time point version of the current process or Library is recorded.

• In long-term editing mode, a time point version will be automatically saved every 5 minutes.

• When you want to go back to a certain point in time, click the back icon.

  

Multi property panel

The upper part of the middle area is a multi property page panel, including Process Chart Tab and Process block Tab , You can quickly enter and edit other process block by switching tabs.

Attribute Panel and Variables Panel

The right area contains the attribute property page panel and the variable property page panel. The attribute property page panel is activated by default, and the two property pages can be switched at will.

• The panel of the attribute property page consists of output, mandatory attribute and optional attribute. Generally, when entering mandatory or optional attribute, there are two editing modes:
  • Normal Mode: input or select content directly, and what you see is what you get.
  • Expert Mode: you can enter variables, expressions, etc.

• Variable property page panel consists of current process block variable module, current subprogram variable module, flowchart variable module, process input module and process output module

  Note: When the command selected by the mouse in the assembly area is in the subprogram, the variable property page panel will display the current subprogram variable module.

  

Process input

Suggest unchecking the default value for type variables and supporting non mandatory fields

• Suggestion type	The value of the variable itself after not selecting the default value		Default value after conversion
  text	null	===>	""
  numerical value	null	===>	0
  Boolean	null	===>	False
  credentials	{ "password" : "", "user" : ""}	No need to convert

Output panel and debugging panel

Output panel

Built in buffer design, the output content is loaded in a maximum 256KB buffer for scrolling to support long-term continuous output.

Debugging panel

During the debugging process, the variable names in the variable list area are sorted alphabetically, and variable name search is supported (ignoring case). Characters matched in variable names are highlighted in red for quick positioning.

Adjust the layout

Record layout

When editing a process, multiple opened property pages, or the top and bottom positions of the left and right property pages have been adjusted, or the window layout display has been made in the middle area, will be recorded, and the next time you open it, the layout status will be restored to the last time you closed it.

Move

The layout can be adjusted by dragging the property header, but there are several constraints:

• Panel in the left area: Two panels can be dragged simultaneously to display as separate panels. They can be dragged into the right area for docking, but cannot be dragged into the middle or bottom panel areas.
• Panel in the middle area: the process icon tab and process block property can be split and dragged out into separate property panels, but cannot be dragged into other panel areas.
• Panel on the right side: Two panels can be dragged together to display as separate panels. They can be dragged into the left side area for docking, but cannot be dragged into the middle or bottom panel areas.
• The bottom panel of the middle area: cannot be dragged.

Exhibition Collection

• In the left and right areas, when the mouse clicks on the tab header, the corresponding panel will be collapsed or unfolded. Moving the mouse over the panel outer frame line will display a stretchable icon "← →". Clicking on the outer frame line can stretch the width of the panel in the left area to the right or reduce the width to the left (there is a minimum width). The same rule applies to the panel in the right area.

• When the mouse hovers over the upper outer frame line of the bottom panel in the middle area, a stretchable icon "↑↓" will be displayed. Clicking on the outer frame line can stretch the height of the panel upwards or lower it (there is a minimum height).

Restore default layout

When the layout is messy and unsatisfactory, you can click the restore icon in the label bar area on the top right of the process editing window to restore to the default layout.