General information
Modal windows are interface elements that open over the current page. They are also called popups.
To create a new modal window, drag it from the widget panel.
A modal window can be placed in two areas on the canvas:
- Page components;
- App components;
In Page components, it is better to place modal windows linked to a specific page.
In App components, modal windows that apply to the entire application are placed.
The modal window can contain the same widgets as an ordinary page.
The business process can be linked to the modal window under the workflow tab. The following triggers can be used for it:
- OnCreate
- OnShow
- OnHide
- OnDestroy
Two blocks in the BP can be used to control modal windows:
- Show modal to open the modal window
- Hide modal to close the modal window.
How to work with modal windows
Add a modal window to the Page components section.
Place a button on the page canvas.
For the button, a business process is configured on the OnClick trigger. The BP will contain only one block: Show Modal.
In the Show modal block, set the input parameter Component ID and select the name of the modal window.
Now place another button, but in a modal window.
A similar BP is configured for this button, but the Hide modal is used instead of the Show modal block.
Now you can open and close the modal window.
The modal window is a very helpful feature. For example, it is convenient to place the functionality of adding records.
