Loading Your First Page

RuntimeWeb displays SAMMI pages with live data from the SAMMI RTE. This guide walks you through loading and viewing your first page.

Prerequisites

  • RuntimeWeb running (typically at http://localhost:5173)
  • Page JSON files available in public/pages/
  • For live data: SAMMI RTE, Gateway, and at least one peer must be running

Loading a Page

From the File Picker

  1. Open RuntimeWeb in your browser
  2. The file picker appears showing available pages
  3. Click a page name to load it (e.g., meter_40, main_40)
  4. The page renders with all its DDOs and static objects

From the URL

You can load a page directly by URL:

http://localhost:5173/runtime?page=meter_40

This is useful for bookmarking frequently-used pages.

From StudioWeb

If you’re working in StudioWeb:

  1. Save your page (File → Save or the Save toolbar button)
  2. Open RuntimeWeb in another browser tab
  3. Load the saved page to see how it looks at runtime

What You’ll See

A loaded page displays:

  • Static objects — rectangles, ellipses, lines, text, images positioned on the canvas
  • Dynamic objects (DDOs) — meters, gauges, buttons, alphanumeric displays, trends, etc.
  • Background — the page canvas with its configured background color or image

With Live Data

If the Gateway and SAMMI RTE are running, DDOs animate with real values:

  • Meters show needle positions
  • Trends draw data curves
  • Alphanumeric fields show numeric/text values
  • Push buttons respond to clicks

Without Live Data

Without a Gateway connection, DDOs render in their default state (typically showing 0 or initial values). Static objects always display correctly regardless of data connection.

  • Use the file picker (File → Open) to switch pages
  • Use Add Window commands in the command toolbar to open pages
  • Pages linked via Push Button DDO actions automatically navigate when clicked

Tips

  • Zoom: Use Ctrl+Scroll to zoom in/out on the page
  • Full screen: Press F11 for full-screen display
  • Multiple pages: Open multiple browser tabs to view different pages simultaneously
  • Refresh: Press F5 or click the Reload button to reload the current page

See Also