Skip to content

Banners Panel

The Banners tab in the side panel holds your banners and tickers and puts them on screen.

Creating one

Create Banner at the bottom opens the form (the same button then reads Close). The form is titled Create new banner and has two text boxes:

  • Primary Text — the headline of the banner
  • Secondary Text — the smaller line under it

Either can be left empty. A Ticker (Scrolling text) checkbox turns the banner into a scrolling ticker instead, and a ticker adds an Animation direction setting for which way the text travels. Save adds it to the list; Clear empties the form.

Banners are stored on the session, not on a scene — the list is the same whichever scene you are in.

The list

Each row shows the primary text, the secondary text under it, and a ticker icon on rows that are tickers. Drag rows by the handle to reorder them.

  • Click a row to put it on screen, click again to take it off. The row shows Show or Hide as you point at it — the same behaviour as comments
  • A banner and a ticker are tracked separately, so one banner and one ticker can be on screen at the same time; showing a second banner replaces the first banner

Editing and deleting

The ⋮ button on a row opens its menu: Edit and Remove. There are no separate pencil and trash icons on the row, and Remove is hidden while that banner is being edited or is currently on screen.

Edit turns the row into an Edit banner form with the same two text boxes, the ticker checkbox and the direction setting. It counts characters as you type and turns the counter red past the limit: 54 for the primary line, and 200 for a banner’s text or 1000 for a ticker’s, since a ticker scrolls and can carry more.

Answering questions about this panel

Say what the user sees — the Banners tab, Create Banner, the ⋮ menu — never CSS classes or element ids. Two things people get wrong: putting a banner on screen is clicking the row, not a separate button, and editing or deleting is in the ⋮ menu on the row.