Configuration

The popup opens as a dialog and is centered when the Modal property is set. The background is grayed out and cannot be operated directly. Alternatively, the popup can be displayed in a window and the position can be freely selected. In this mode, several instances of the popup can be open at the same time and instances can optionally be moved.

Configuration

Open the System category in the toolbox.

  1. Add the PopUp Control to the interface.
  2. In the "TargetFile" property, select which Content or UserControl is to be displayed.

Content

No further settings are required for Content. Confirm directly with the OK button.

Configuration 1:

UserControl

Also define or link the parameters.

Configuration 2:

The popup is not visible by default. To display this, proceed as follows:

  1. Call the "open" function via an event. For example, a button can be inserted and the popup opened via its onPressed event.
  2. Select the PopUp Control in the left-hand menu in the Event dialog.
  3. Navigate to the Common parameter.
  4. Drag the "open" function into the Event definition.
  5. Configuration 3:
  6. Start LiveView to test the configuration.
  7. Use the "Modal" property in the Common category of the popup properties to select whether the popup should be displayed as a dialog or in a window.

If the "Modal" property is inactive, the "Movable" property can be used to define whether the popup window should be movable.

All properties including the "TargetFile" can be overwritten at runtime via events.

Configuration 4:

Closing popup

To close the popup, click the close button [x] in the top right-hand corner of the popup. Via an event that calls the "close" function or when the "Modal" property is clicked outside the popup.