Skip to content

Shell Views and Kiosk Mode

On the Visualization screen, the frame around the animation — project picker, page navigation, title, clock, alarm indicators — is not fixed. It is called a shell, and it can be changed. Because inSCADA’s own menu and top bar can be switched off as well, one installation can be presented as an interface built for the plant.

This changes nothing about the animation itself. The mimic is the same mimic; only the room it sits in changes.

ShellLayoutAlarm severity vocabulary
inSCADAProject bar + tab strip (the default)High / Medium / Low / Diagnostic
OpenBridgeMaritime design language; navigation menu opened with ☰Alarm / Warning / Caution (IEC 62288)
GravitasLeft icon rail + status bar carrying its own paletteHigh / Medium / Low / Diagnostic

The severity is the same stored value in every shell; only the naming changes. OpenBridge speaks the maritime standard’s vocabulary, the others speak the plant operator’s.

inSCADA shell — project bar and tab strip

OpenBridge shell — its own top bar, navigation menu and alarm indicators

Gravitas shell — left icon rail, alarm strip and dark palette

There are two ways, and both are per terminal — a shell choice is not written to the project or the space, it is kept in that browser.

  1. The right-click menu. Right-click on the mimic and pick from the Shell group at the bottom of the menu. The choice is remembered on that terminal.
  2. The address. /visualization?shell=gravitas — a value in the address overrides the saved choice and is stored as the new one. This is how a kiosk terminal is pinned with a bookmark.

Valid values: native, openbridge, gravitas.

Changing the shell changes the frame; the blue top bar and the side menu stay where they are. There are two ways to remove those as well.

Right-click on the mimic:

  • Hide all bars — the top bar, the side menu and the shell’s own bar close together
  • Hide top bar / Hide side menu / Hide shell top bar — individually

This choice is not stored: the bars come back when the page is reloaded. It suits an operator widening the screen for a moment, not a permanent installation.

/visualization?shell=gravitas&embed=1

embed=1 switches off the application’s own frame (top bar + side menu) for the whole session. It stays off across a reload, and across navigating to another screen within that session. What is left is the chosen shell and the mimic:

All three shells behave the same way — what is left is that shell’s own frame, and nothing else.

inSCADA — only the project bar remains:

The inSCADA shell in embed mode

OpenBridge — its own top bar and navigation rail:

The OpenBridge shell in embed mode

Gravitas — its own palette, alarm strip and left rail:

The Gravitas shell in embed mode

In this mode the right-click menu offers only the Shell selector: there is no longer any chrome for the other toggles to act on.

  1. Prepare the project and the pages the terminal will use — a shell lists the animations marked as main in that project.
  2. Build the address: …/visualization?project=<project-id>&shell=<shell>&embed=1. Without project, the terminal opens whichever project was last selected — or the first in the list when there is none — which is not something to leave to chance on a kiosk. Add &name=<animation-name> to open on a specific page.
  3. Remove the project picker too, if needed: &lockProject=1. The shell hides the project selector and shows the project name as a static title instead.
  4. On a multi-page project, put the page-loading behaviour in the address: &tabMode=lazy (only the open page is loaded — lightest on a slow link), keepalive (a page stays loaded once visited, switches are instant), preload (every main page loads at startup). Without it, keepalive applies.
  5. Put the address in the browser’s bookmark or in its kiosk-mode start page.

Every loaded page runs its own live-data poll; keepalive and preload buy smooth switching with bandwidth.

Example: showing a Custom HTML page full screen

Section titled “Example: showing a Custom HTML page full screen”

The 3D plant model in the screenshots above is not an animation, it is a Custom HTML page. Because what a shell lists is animations, one step sits in between:

  1. Create an animation in the same project. Its SVG can be a single rectangle — one rect covering the canvas, with an id:

    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 1080"
    width="1920" height="1080" style="width:100%;height:100%;">
    <rect id="scene" x="0" y="0" width="1920" height="1080" fill="rgba(127,127,127,0.10)"/>
    </svg>
  2. Bind an Iframe element to that rectangle, with the type Custom Html and the page as its selection. The frame takes the rectangle’s position and size — cover the canvas and the page opens full screen.

  3. Mark the animation as a main page; a shell lists only main pages.

  4. Leave the animation’s background colour empty so the page follows the shell’s palette.

The result: a screen drawn with none of the platform’s own drawing tools, running full screen inside inSCADA’s data, alarms and session. The page is served from the sandbox port, so the iframe access configuration applies to it as well.

  • OpenBridge is heavy on first load. Its interface bundle is downloaded only when it is chosen, so on the first open the mimic can appear with its frame completing a few seconds later. Later opens are fast. On a kiosk terminal, do that first open once and leave it.
  • The choice belongs to the terminal, not the project. Two operators can see the same project in two different shells. Where one plant wants one look, pin it through the address.
  • Animations saved with “follow theme” take their background from whichever shell they sit in. The same page sits correctly on Gravitas’ dark palette and on inSCADA’s light theme; no separate copy is needed.