Window Editor#

The "Window Editor" button (form editor) in the development menu allows you to create your own windows and display them in both modal and non-modal modes, including asynchronously relative to the script flow.

Working with the Window Editor is demonstrated here.

A modal window does not allow the application to continue working until it is closed. A non-modal window allows the User to switch to other modes of application operation without closing it, but is always visually positioned above the application. Additionally, created windows can be bound to user elements in other applications.

The Window Editor allows for both fixed and adaptive layout of windows.

Adaptive layout changes the design of the page depending on the User's behavior, platform, screen size, and device orientation, and is an integral part of modern web development. It allows significant savings by not having to redraw a new design for each resolution, but rather changing the sizes and positions of individual elements.

Fixed layout is a type of layout where the width of the content is rigidly defined in pixels and does not change depending on the size of the browser window.

The user interface of the Window Editor consists of the following main areas:

1. Main menu (top panel);
2. Common elements and containers;
3. Central working area;
4. Properties panel of elements.

No.	Interface Element	Description
1.	“File” menu	Allows you to use basic functions for managing user forms in the window editor.
2.	“Edit” menu	Allows you to perform actions such as undo, redo, copy, etc.
3.	“New Window” button	Allows you to expand a new form for editing.
4.	“Preview” button	Allows you to see the version that will be available after layout. You can also use the F5 key.
5.	“Edit Window Properties” button	Allows you to adjust the form settings. You can also use the F8 key.
6.	“Edit Window Events” button	Allows you to adjust the form settings. You can also use the Ctrl+F8 key combination.
7.	button	Allows you to undo an action.
8.	button	Allows you to redo an action.
9.	button	Allows you to delete the selected element.
10.	button	Allows you to align the selected element to the left.
11.	button	Allows you to align the selected element to the center.
12.	button	Allows you to align the selected element to the right.
13.	button	Allows you to align the selected element to the top.
14.	button	Allows you to align the selected element to the middle.
15.	button	Allows you to align the selected element to the bottom.
16.	button	Allows you to align the selected element width.
17.	button	Allows you to align the selected element height.
18.	button	Allows you to align the selected element sizes.

The "File" menu of the Window Editor contains the following functions:

The "Edit Form Settings" window can be opened in several ways:

• From the "File" menu using the "Edit Window Properties" or "Edit Window Events" items.
• From the main menu using the "Edit Window Properties" or "Edit Window Events" buttons.
• Using the keyboard keys "F8" and "Ctrl+F8" to open the Form Settings Editor on the "Properties" tab and the "Events" tab, respectively.

The "Properties" tab of the "Edit Form Settings" window contains the following functions:

The "Events" tab of the "Edit Form Settings" window contains the following functions:

The "Edit" menu of the Window Editor provides the following options:

When using the Window Editor, a number of elements and tools are available:

• multi-level table layout;
• buttons, checkboxes, text fields;
• regular and dropdown lists, as well as checkbox lists;
• radio buttons and radio groups;
• calendars;
• password and other special types of fields;
• images;
• progress bars;
• text editor with formatting;
• splitters, tabs, scroll bars;
• editable data tables;
• other controls.

Each control has more than 50 customizable properties that determine their appearance and behavior. The values of each of them, as well as user actions in the window, can be bound to changes in the values of selected variables, and vice versa - changing the values of variables leads to changes in the values of corresponding controls. This functionality allows for the development of branched dialog and expert systems, robot settings windows, interactive hints and assistants, as well as entire multi-window applications within the robot's script.

Important! To demonstrate the functionality, a game "Tic-Tac-Toe" has been added to the Project folder - the world's first tic-tac-toe implemented using RPA platform tools.

The central working area of the Window Editor is intended for working with the created window (form) and its design. It displays the results of all manipulations performed on the top panel of the main menu and on the side panels of the Window Editor.

The properties panel of elements allows you to configure the window (form), change its name, and configure the properties of each of the installed elements and containers in the window (form) separately. To select the element that needs to be configured, it must be selected from the dropdown list at the top of the panel. The right panel contains tabs, the number and content of which change depending on the selected element. Each of the tabs can be expanded for configuring the window (form) element. For convenience, the contents of the tabs can be sorted not only by categories but also alphabetically.

A detailed description of the properties can be found on the website.