HTML overlay

The HTML overlay lets you place a custom layer of HTML on top of the player — a logo, a banner, a QR code, a live widget — that stays visible over whatever content is playing.

It's more flexible than the running line: instead of just scrolling text, you supply your own HTML, positioned and styled however you like.

For most needs, use the simpler running line first. A scrolling message or a clock is quicker to set up with the Add a scrolling text banner (running line). Reach for the HTML overlay only when you need a custom element — a logo, a QR code, a live widget — placed and styled precisely. It expects you to supply your own HTML, so for anything complex or data-driven, build it with impressBox.

What you can set

  • Enabled — show/hide the overlay (off by default).

  • Content — the HTML to display.

  • Fit — how the overlay content scales inside its box (e.g. stretch).

  • Absolute — position it over the player (absolute positioning) rather than inline.

  • Colour and opacity (0–1) — including a transparent background so only your element shows.

  • Position — a box defined with CSS-like values: width/height and distance from top, right, bottom, left (e.g. "100px", "5%", "auto").

How to set it up

The HTML overlay is a device-level setting, in the same place as the running line.

  1. Select the screen(s) you want the overlay on.

  2. Open Settings → Advanced settings.

    Open the device Settings, then click Advanced Settings

    Open the device Settings, then click Advanced Settings


  3. At the top, choose Advanced, then scroll down until you find html_overlay and expand it.

    The device Advanced Settings window with html_overlay expanded: enabled, content, fit, colour, opacity, absolute and the position box

    The device Advanced Settings window with html_overlay expanded: enabled, content, fit, colour, opacity, absolute and the position box


  4. Set the enabled row to TRUE.

  5. Paste your HTML into the content row.

  6. (Optional) Adjust fit, absolute, colour, opacity, and the position box (width/height and top/right/bottom/left).

  7. Click Submit at the bottom of the window.

To turn it off, open the same html_overlay settings, set enabled to FALSE, and click Submit.

For anything complex or data-driven, let impressBox build the HTML for you — just describe what you need.

Typical uses

  • A persistent logo or watermark in a corner.

  • A QR code or call-to-action over the content.

  • A small live widget (e.g. a counter or status) layered on the screen.

Running line vs. HTML overlay

  • Running line — quick scrolling text + clock, minimal setup.

  • HTML overlay — full custom HTML, precise placement and styling.

The overlay is a device-level setting (see All settings reference). For complex or data-driven overlays, build the HTML with impressBox.