Creating a Pop-up Overview

Creating a Pop-up Overview


Pop-ups provide a convenient way to access additional controls and information without adding clutter to the main HMI screen. By linking a Pop-up Action to an object, users can quickly open detailed views while remaining on their current screen.

Common uses for Pop-ups include:

  • Advanced equipment controls

  • Set point entry

  • Alarm summaries and details

  • Equipment status information

  • Maintenance screens



Creating a New Pop-up


  1. Open the Canvas Editor.

  2. Select the Pop-up Icon from the left-hand toolbar.

  3. From the Create a Pop-up Overview screen, click Create New.

  4. The Pop-up Overview Canvas Editor will open.



Background Properties

Click anywhere on the canvas to display the Background Properties Panel on the right-hand side.


Fill: Changes the background color of the Pop-up

Recommended Size: Selects the dimensions of the Pop-up

Image: Uses an image as the Pop-up background

Unlock All Fitted Items: Reserved for future functionality

Available Sizes

300 × 300 (1:1)

400 × 400 (1:1)

500 × 500 (1:1)

640 × 480 (4:3)

800 × 600 (4:3)



Building Your Pop-up

Add objects from the left-hand toolbar to create the desired layout.

Common objects include:

  • HOA Controls

  • ON/OFF Switches

  • Tables

  • Text Objects



Configure and link each object to the appropriate tags as needed.

Tip: Hold Shift while selecting multiple objects, then use the Alignment Toolbar to quickly align and organize your layout.


Saving the Pop-up

When your design is complete:

  1. Click Save & Exit in the upper-right corner.

  2. Enter a name for the Pop-up.

  3. Click Save.



Linking a Pop-up to an HMI Object

Once created, the Pop-up must be assigned to an object within the HMI.

  1. Select the desired HMI object.

  2. Scroll to the Actions section of the Properties Panel.

  3. Under Link, choose Pop-up.

  4. Under Select Overview, click Select.


The Select or Create a Pop-up Overview window will appear.

  1. Select the Pop-up you created.

  2. Click Select.

  3. Save & Exit the HMI canvas editor.


Test the configuration by clicking the linked object and verifying that the Pop-up opens correctly.




    • Related Articles

    • How to use Actions (using an object on the HMI to perform an action)

      Using Actions Actions provide interactive functionality for objects within the HMI. By assigning an Action to an object, users can navigate between screens, open reports, launch pop-ups, control equipment, and more directly from the Web App or Mobile ...
    • Getting Started - Understanding The SimpliScada HMI Design Editor

      The SimpliScada Design Studio is a fully web-based editor that requires no installation. Simply log into the web application to begin designing your HMI screens. The Design Studio editor is divided into three main areas: Main Canvas (Center): ...
    • Creating a Dynamic Tank

      Dynamic Tanks provide a visual representation of tank levels within the HMI. They can be customized to display current tank levels, threshold ranges, and alert conditions at a glance. Adding a Dynamic Tank Open the HMI in the web app and click the ...
    • Notification Workflow Overview

      Notification System Overview SimpliScada is proud to introduce a flexible new Notification System designed to support complete alert workflows. This system enables advanced notification handling with features such as scheduling, automated phone ...
    • Creating a Table

      This is a step-by-step tutorial for creating a table in the Simpliscada Canvas. Tables can provide an excellent way to display a lot of information in one convenient place. Our table creation tool is very flexible and allows you to completely ...