Creating a Web Form and Components Layout

A web form is a main tool for creating a visual interface of web applications. The interface is created by placing various components on a web form. Each web form has a corresponding unit, which contains form class description. Web forms are based on the React framework written in the JavaScript language, but web form code is written in the Fore language. In Fore, web forms are described by the IWebForm interface.

Web forms by default open modally relative to the place where they are opened. The maximum number of modal web forms opened relative to each other is five. To change web form work mode, use the "modal" property that is available in the design mode.

NOTE. Working with web forms is available only in the web application. When working with web forms take into account existing work features.

To create a new web form, execute one of the operations:

In the object navigator click the Create button in the main menu and select the Web Form item in the New Object panel.
In the object navigator select the Create context menu item and select the Web Form item in the New Object panel.
Select the File > Create > Web Form item in the development environment's main menu.
Select the Create > Web Form context menu item in the development environment project navigator.

To toggle between the web form and the macro window, press F7/SHIFT+F7 or click the

buttons in the right part of the development environment window.

To display the components panel, click the

button in the left part of the development environment window. To place a component on a web form, click the component on the components panel, then click on the form where it should be added. The Properties/Events panel is used to set component properties and event handlers. The list of available properties includes only the properties that can be changed in the web form design mode. The component code contains only the properties that can be changed on web form execution.

The web form has different properties available in the design mode and in the web form execution mode.

Design mode Execution mode Events

text. Text displayed in the web form title.
name. Web form name.
modal. Indicates whether web form works modally. If the value is True, the web form opens modally relative to the repository or the object, from which it opens. If the value is False, the web form opens in a new browser tab.
imageCollection. The collection of images that will be used by web form components. The following file formats can be used: BMP, GIF, JPG, JPEG, PNG, ICO, SVG. The added images will be displayed without compression and in original size, take it into account during file selection. The components that use images:

Button.

color. Web form background colors.
size. Web form sizes.

Color. Web form background colors.
Enabled. Indicates whether web form is available for the user.
Text. Text displayed in the web form title.
Visible. Indicates whether web form is visible.

onShow. The event occurs before displaying web form.
onCommand. The event occurs during when web form gets a command that can be sent using the SendCommand.