KUMA Dashboard — User Guide

A touch-first control and status screen for live events. It runs next to KUMA on a wide bar display, on the second screen of a dual-screen laptop, or in any browser on a tablet or phone. No experience with this kind of software needed: this guide starts from zero.

Built for touch screens. Dashboard is designed first of all for a touch screen: big boxes, big buttons, nothing that needs a mouse or a keyboard once the layout is locked. A touch panel running Dashboard can stand in for a Stream Deck, for example when you forgot yours, or when you simply prefer a screen you can read and tap over a grid of keys. Every button, label and colour is yours to arrange, and the boxes show live values from Companion as well as pressing its buttons. And like a slide show, the app keeps the screen awake while it is open.
Free for KUMA Timer licence holders. Dashboard is included with your KUMA licence: it uses the same 16-character licence code as KUMA Timer and takes its own seat: one Dashboard seat for every KUMA seat. Download it from the KUMA Dashboard section. Dashboard is currently a release candidate (0.1.0 RC6), so this guide may grow as it is finalised.

What KUMA Dashboard is

Think of Dashboard as a programmable control panel made of tiles. Each tile (we call it a box) can show a live value, change colour when something happens, and press a button when you tap it. You decide what the boxes show and where they sit, and you save the result as your own screen layout.

Dashboard gets its information from Bitfocus Companion. Companion is a free program from Bitfocus that connects to everything that talks to show equipment: video switchers, media servers, lighting desks, audio mixers, and anything else that connects to Companion. With the KUMA Timer module, to KUMA. Companion knows hundreds of live values called variables (for example the timer, the name of the running cue, which camera is on air). Dashboard reads those variables and draws them the way you want.

When you tap a box, Dashboard can press a button in Companion, which can then do anything Companion can do: start the timer, cut to a camera, fire a lighting cue. Companion does the work; Dashboard is the face.

The finished example from this guide: one screen for a stage manager. Timer with progress bar, state, video time remaining, presets, big START / PAUSE / RESET buttons and the cue list.
The finished example from this guide: one screen for a stage manager. Timer with progress bar, state, video time remaining, presets, big START / PAUSE / RESET buttons and the cue list.

What it is good for

WhoWhat they put on their Dashboard
Stage manager / show callerThe KUMA countdown, its state (RUNNING / PAUSED / OVERTIME), the running cue and the next ones, TCR (time left of the playing video), and big START / PAUSE / RESET and preset buttons. Everything on one screen, readable from an arm's length.
Video / graphics operatorProgram and preview sources of the switcher, CUT / AUTO / FTB, the remaining time of the playing clip, and the KUMA timer as a thin bar.
Audio, lighting, AV techA status wall: one green OK tile per device that turns red when Companion reports a problem. Ready-made with one tap from the presets.
Producer, backstage, FOHA view-only copy of the same screen on a tablet or phone through the built-in web server. No app to install on the device.
Multi-room eventsSeveral Companion computers on one screen, each box reading from the room it belongs to.

Where to run it

Dashboard is designed for screens where you can touch things, but a mouse works the same way. Four common set-ups:

1. Beside KUMA on a wide bar screen

Wide bar displays (for example the 2560×720 Corsair Xeneon Edge) are made for this. KUMA runs as a slim full-height strip on one side, and Dashboard fills the rest of the screen, so the timer and your controls sit together on one display. Dashboard's wide-screen mode lines the two up for you, and it can even follow KUMA automatically (Beside KUMA).

KUMA Timer and KUMA Dashboard side by side on a bar display, with a Stream Deck in front
A real set-up: KUMA on the left, Dashboard on the rest of a 2560×720 bar screen, a Stream Deck in front.

2. On the second (touch) screen of a laptop

Dual-screen laptops such as the ASUS Zenbook Duo have a second, touch-sensitive screen below the main one. Put KUMA or your show software on the top screen and Dashboard on the bottom one: instant touch buttons for START, PAUSE, presets and cues, with the timer always in view. Any laptop with an extra touch monitor (a portable USB-C touch display works well) does the same job.

3. On a tablet or phone, in the browser

Dashboard has a built-in web server. Turn it on and the same screen opens in any browser on your network: an iPad on the production desk, a phone in the wings, a TV in the green room. Without a password the browser is view-only; with a password you can sign in and edit or press buttons from the tablet. See Web server.

The same dashboard in a tablet browser (4:3 layout, designed for that screen's shape).
The same dashboard in a tablet browser (4:3 layout, designed for that screen's shape).

4. On any computer with a mouse

Mac or Windows, in a normal window, or in full screen. Nothing needs to be installed on the show computer itself: Dashboard can run on a different computer, even on a different network from KUMA, as long as it can reach Companion.

Design for the screen you will use. A dashboard is drawn on a canvas that is scaled to the width of the window, so its shape follows the screen. A layout drawn for a 16:9 screen is cut off at the bottom on a very wide bar screen. Make one page per screen shape (see Design width). The example dashboard in this guide has a 16:9 page, a wide-bar page and a tablet page.
The wide-bar page: the same information redrawn for the 2.37:1 part of a bar screen that is left next to KUMA.
The wide-bar page: the same information redrawn for the 2.37:1 part of a bar screen that is left next to KUMA.

Quick start (10 minutes)

  1. Install Dashboard (macOS or Windows) and start it. Details.
  2. Activate it with the same licence code you use for KUMA.
  3. Connect to Companion: menu → LINK. If Companion runs on the same computer the default (127.0.0.1:8000) is already right. Details.
  4. Build the screen: menu → SET → Build my dashboard. One press lays out every preset your Companion modules offer, in tidy columns (KUMA, ATEM, E2, routers…). Drag boxes where you want them. Details.
  5. Add a button: New box, type START in the value, then ACTION → Press a Companion button and enter the page / row / column of the Companion button. Details.
  6. Lock the layout with the padlock at the bottom of the menu. Boxes now react to taps. Details.

That is a working control panel. The rest of this guide explains each part and then shows how to make it look the way you want.

Installing and activating

Dashboard is a normal desktop application for macOS (Apple silicon) and Windows (10 / 11). Download the installer from the Dashboard section of the download page, install it like any other program and start it.

Activating

The first screen asks for your licence code. Enter the same 16-character code you use for KUMA Timer (for example AAAA-BBBB-CCCC-DDDD) and press Activate. The computer takes one Dashboard seat on your licence, and Dashboard opens. There is no separate trial: Dashboard needs a paid KUMA licence code (the free Lite version has no code).

The activation screen. Enter your KUMA licence code (the one shown here is a placeholder).
The activation screen. Enter your KUMA licence code (the one shown here is a placeholder).

A first look

After activation you see a black canvas: this is your dashboard. Everything you build lives on it. All the settings are in one menu that slides in from the left.

The menu open on a finished dashboard. Rail on the left: BOX, PAGE, VIEW, LINK, (WEB) and SYS; padlock and full-screen at the bottom.
The menu open on a finished dashboard. Rail on the left: BOX, PAGE, VIEW, LINK, (WEB) and SYS; padlock and full-screen at the bottom.
Rail buttonWhat it is for
BOXCreate, select, style and arrange the boxes. The most used section.
SETPresets: Build my dashboard, ready-made boxes with pictures to drag onto the canvas, and the on-air button builder.
VAREvery variable of every connection, to drag onto the screen.
PAGEA dashboard can have several pages (for example Show control and Video).
VIEWLook of the whole screen: font, background, scaling and animations.
LINKWhich Companion computers Dashboard talks to.
WEBThe built-in web server for tablets and phones (desktop app only).
SYSLicence, wide-screen window options, save / load your layout, updates.
Full-screenToggles full screen.
Wide-screenAppears on very wide screens. See Wide-screen mode.
PadlockLocks editing and turns the dashboard into a control panel. See Locking.

At the top of the menu panel are Undo and Redo. Almost every change can be undone, so you can experiment freely.

Connecting to Companion

Open LINK. A new Dashboard already has one connection called Companion at 127.0.0.1:8000, which is right when Companion runs on the same computer. If Companion is on another computer, type its IP address and port instead (for example 192.168.1.60:8000). The address is shown at the top of Companion's own window.

LINK: the default connection (star, green dot = reachable) and a second one added for another computer (red dot = not reachable).
LINK: the default connection (star, green dot = reachable) and a second one added for another computer (red dot = not reachable).
Boxes read from the default connection by default. A variable of another connection is written $(name/connection:variable), where name is the alias you gave it. You rarely type this by hand: the variable picker (below) fills it in.

Your first box

Everything on a dashboard is a box. Let us build the most useful one: a live timer.

  1. Open BOX and press New box. A box appears and is selected (a gold frame with handles). The settings for that box open below.
    A new box (top right) is selected. The settings are in four tabs: Content, Style, Rules, Action.
    A new box (top right) is selected. The settings are in four tabs: Content, Style, Rules, Action.
  2. In Content → Value press + Insert variable…. The variable picker opens: on the left every module Companion knows (grouped by connection), on the right its variables with a plain description. Pick KUMA_Timer, type timer in the search box and tap timer.
    The variable picker. Left: modules. Right: searchable variables with descriptions. Tap one to insert it.
    The variable picker. Left: modules. Right: searchable variables with descriptions. Tap one to insert it.
  3. The box now shows the live time. What you inserted is written in the Text (template) field as $(KUMA_Timer:timer). That is all a variable is: a name in $( ) that Dashboard replaces with the current value, several times a second.
    The value is set. The box already shows the timer; the text field shows the template.
    The value is set. The box already shows the timer; the text field shows the template.
  4. Drag the box where you want it, drag a handle to resize it, and turn on Auto-fit text to the box so the number grows with the box.

You can mix text and variables in one box, for example Cue: $(KUMA_Timer:cue_name). If a value is missing Dashboard shows …; if Companion cannot be reached it shows ⚠.

Working on the canvas

You want to…Do this
Select a boxTap or click it. Its settings appear in BOX.
Move a boxDrag it. It snaps to other boxes (switch off with Snap to other boxes).
Resize a boxDrag one of the eight handles on the selected box.
Select several boxesDrag a rectangle on the empty canvas (it selects every box it touches), or Shift / Ctrl / Cmd + tap, or switch on Multi-select in the menu header and just tap boxes (made for touch screens).
Edit the text right on the boxDouble-tap it (or Content → Edit text on the box).
Open the settings of a boxPress and hold it for half a second. This also works while the menu is closed.
Hide, duplicate or deleteRight-click a box for the menu. Duplicate and delete are also in the selection tools at the top of BOX.
Dragging a rectangle over empty canvas selects every box it touches.
Dragging a rectangle over empty canvas selects every box it touches.

Keyboard shortcuts

KeysAction
Ctrl/Cmd + ZUndo
Shift + Ctrl/Cmd + Z or Ctrl/Cmd + YRedo
Ctrl/Cmd + C / VCopy / paste boxes
Ctrl/Cmd + DDuplicate the selection
Delete or BackspaceDelete the selection
Arrow keysNudge the selection by 1 pixel (Shift = 10 pixels)
Alt/Option + click a boxDuplicate it (Alt + drag still moves without snapping)
Ctrl/Cmd + Shift + FFind and replace over the text, colours, labels and rules of all boxes (the selection, this page or all pages)
Ctrl/Cmd + NNew box
Ctrl/Cmd + ,Open or close the menu
Ctrl/Cmd + ASelect all boxes on the page

Shortcuts work while the layout is unlocked and you are not typing in a text field.

Right-click menu on a box: Hide (invisible when the layout is locked), Duplicate, Delete.
Right-click menu on a box: Hide (invisible when the layout is locked), Duplicate, Delete.

Hide is handy for boxes you only need sometimes: a hidden box is greyed out while you edit and completely invisible once the layout is locked.

Variables: drag any variable onto the screen

The VAR tab lists every variable of every connection, with a search field and a filter for one module.

The VAR tab, searching for ppt.
The VAR tab, searching for ppt.

The settings window

Tap a box and its settings open in a window beside the canvas (on a wide enough screen), on the side where it covers less of the box, so you see the changes live. Drag it by its title bar; the × closes it (and deselects the box). Tapping a box shows its settings also while the SET or VAR tab is open. On a narrow screen the settings stay in the menu as before.

The box settings window beside the canvas, with the right text of a GFX button.
The settings window: Content, Style, Looks, Rules, Action.

Box settings: Content

With a box selected the BOX section shows tools for the selection on top and four tabs below. Content is about what the box says.

Content tab: labels first (here the label “STATE” on top of the box).
Content tab: labels first (here the label “STATE” on top of the box).

Labels

A label is a small caption on one edge of the box, such as STATE above a status or PROGRAM on a camera tile. A box can have several labels. For each label you choose:

Value

Value: the text template, the variable picker, in-box editing, plain or formatted text, colour, size, auto-fit and alignment.
Value: the text template, the variable picker, in-box editing, plain or formatted text, colour, size, auto-fit and alignment.

Formatted text

Switch the text mode from plain to formatted to use a little mark-up: **bold**, *italic*, ~~strikethrough~~, colour with {#ff0000|red}, size with {150%|bigger}, and - item at the start of a line for a bullet list. Formatting also works on text that arrives from a variable. The Formatting cheat sheet in the menu always shows the rules.

Formatted text mode with the cheat sheet and shortcut buttons (B, I, S, colour, size).
Formatted text mode with the cheat sheet and shortcut buttons (B, I, S, colour, size).
Editing text directly on the box: the small bar offers + VARIABLE, accept and cancel.
Editing text directly on the box: the small bar offers + VARIABLE, accept and cancel.

Box settings: Style

Style is about how the box looks. It is divided into folding groups so the panel stays short.

Style: six groups. Tap a group to open it.
Style: six groups. Tap a group to open it.

Background

A colour (pick it, type a hex code such as #1f2937, or use a variable that holds a colour) and an optional two-colour gradient with an angle. Rules can override the background (see Rules).

Background colour and gradient.
Background colour and gradient.

Image and video

Put a picture or a looping video behind the text: pick a file from your computer (it is copied into Dashboard, so it keeps working even if you move the original), give a web address, or use a variable that holds an address. Choose cover (fill and crop), contain (show all) or stretch, and set the opacity. The video sits below the image. Images can be switched by rules (for example a different icon when something is on); videos cannot.

Image and video fields, with fit and opacity.
Image and video fields, with fit and opacity.

Border and shadow

Border width and colour, corner radius, shadow (none / soft / strong) and the opacity of the whole box. The opacity can also come from a variable between 0 and 100, for example to fade a box out as something finishes.

Border, radius, shadow and opacity.
Border, radius, shadow and opacity.

Progress bar

Turn a box into a bar that fills as a number changes: a countdown that empties, a media clip that plays, a fader level. Set the value (a number or a variable), what value means empty and what means full, the direction the bar grows, and its colour and opacity.

For a KUMA timer press KUMA timer: use KUMA's progress (%). It uses KUMA's own progress value (0–100) which is exact for any timer length and stays right even if Dashboard is started in the middle of a countdown. A line under the settings always shows what the bar is reading right now, so you can see at once if a variable or unit is wrong.

Progress bar: value, quick button for the KUMA timer, empty / full limits, direction and colour.
Progress bar: value, quick button for the KUMA timer, empty / full limits, direction and colour.
The same group scrolled down: limits from variables, direction arrows, bar colour and opacity, and the notes for clock values.
The same group scrolled down: limits from variables, direction arrows, bar colour and opacity, and the notes for clock values.

Text style

Bold, italic, a text effect (none / shadow / outline) for readability on pictures, letter spacing, and the font for this box (the default is the global font from VIEW).

Text style.
Text style.

Value animation

How a changing value appears: nothing, fade, slide or flip. Default follows the global setting in VIEW. Animations are skipped automatically if the computer asks for reduced motion.

Value animation per box.
Value animation per box.

Looks: restyle a box in one click

The Looks tab gives the box a complete ready-made look: panels with a coloured header band, cards, solid tiles, neon, glass, outline.

The Looks tab with thirteen ready-made looks.
Thirteen looks, one click each. Ctrl/Cmd+Z takes a look back.

A look replaces the whole appearance (also a background image, video and effects you set before) and keeps the text, rules, action, size, font and progress bar. Colours set by a rule still win when the rule matches; the tab offers a button to clear them.

When you scale several selected boxes with the handles of their common frame, the labels, fonts, corners and borders scale with the boxes.

Box settings: Rules (make boxes react)

Rules are what make a dashboard come alive. A rule says: when this variable matches, change how the box looks. The first rule that matches wins, so put the most important one on top.

Example from the finished dashboard: the STATE box is grey by default, green while KUMA_Timer:status is RUNNING, orange for PAUSED and red for OVERTIME.

Rules tab: three rules on the STATE box. Each has a variable, a comparison, a value and the colours it applies.
Rules tab: three rules on the STATE box. Each has a variable, a comparison, a value and the colours it applies.

Each rule has:

Shortcuts for many rules

Add many rules and Find & replace.
Add many rules and Find & replace.

Rules for the whole screen

The page background can have rules as well (VIEW → Background). In the example the whole screen turns dark red while the timer is in overtime, which is hard to miss across a control room.

PAUSED: the timer box turns brown and the state turns orange.
PAUSED: the timer box turns brown and the state turns orange.
Last minutes: when progress drops below 12 % the timer box turns orange.
Last minutes: when progress drops below 12 % the timer box turns orange.
OVERTIME: the timer box, the state tile and the whole canvas turn red.
OVERTIME: the timer box, the state tile and the whole canvas turn red.

Box settings: Action (make boxes do something)

The Action tab says what a box does when you tap it while the layout is locked (see Locking).

Action tab. Choose what a tap does. “Show on all pages” puts the box on every page.
Action tab. Choose what a tap does. “Show on all pages” puts the box on every page.

Press a Companion button

Tell Dashboard which Companion button to press: the page, row and column of the button, exactly as you see them in Companion's Buttons view. If you have several Companion computers, choose which one (the default connection is used otherwise).

Press a Companion button: connection, page, row and column.
Press a Companion button: connection, page, row and column.
Tip. Build your START / PAUSE / RESET and preset buttons once in Companion (the KUMA Timer module has ready-made actions and presets), then give Dashboard boxes that press them. Dashboard shows the look; Companion contains the logic and can combine many actions in one button.

Go to a page

Switch the dashboard to the next, previous or first page, or to a particular page. Use it for a navigation strip.

Show on all pages

A box shown on every page (here a title strip), with no tap action.
A box shown on every page (here a title strip), with no tap action.

Tick Show on all pages for boxes that belong to the whole dashboard, such as a page-switch bar, a clock or a title strip. Otherwise a box lives only on the page where you created it.

Add to watch (Apple Watch)

The Action tab has a section Where it shows with Add to watch for every box. It marks the box for the Apple Watch app that comes with the iPhone app 1.1 (coming). The watch shows the ticked boxes as large equal cells, one grid per page, in the order of their position on the dashboard (top to bottom, then left to right; the size of the box does not matter). A box that presses a Companion button is a button; a box without an action, such as a clock or a status, is a read-only readout. A cell shows the first line of the box text with its colours and colour rules; images, progress bars and fonts are not shown. If no box is ticked, the watch gets every button that presses Companion.

The watch does not talk to Dashboard itself: it works through the paired iPhone, which must be near and connected to this computer's web server on the same network (set a password in the web server settings, or buttons cannot press), or through Relay when control is allowed. If the iPhone is out of range the watch keeps showing its last values.

Arranging many boxes

Select more than one box (drag a rectangle, or use Multi-select) and BOX shows alignment tools:

Three boxes selected with the arranging tools open.
Three boxes selected with the arranging tools open.
Selection tools: align left / centre / right / top / middle / bottom, distribute (three or more boxes), bring to front / back, duplicate, delete.
Selection tools: align left / centre / right / top / middle / bottom, distribute (three or more boxes), bring to front / back, duplicate, delete.

Repeat as series

Need ten identical tiles for ten inputs? Build one, select it and press Repeat as series…. Dashboard makes numbered copies and counts the number in each variable up for you (preset_1_label, preset_2_label, …) and lays them out as a row, a column or a grid with the gap you choose. A preview shows the first and last variable before you press Create.

Repeat as series: copies, layout, gap and a preview of the variable counting up.
Repeat as series: copies, layout, gap and a preview of the variable counting up.

Save a selection as your own preset

Got a combination you will use again (a timer block, a camera tile)? Select its boxes and press Save selection as preset…. It is stored under My presets (next chapter) and can be added to any dashboard. The connection used becomes a placeholder, so the preset works with any connection of the same module.

Saving the selection as a preset.
Saving the selection as a preset.

Presets: build the screen in minutes

You do not have to build anything from scratch. Dashboard reads which modules your Companion has (a progress bar shows it when it starts) and offers boxes built from the variables your system really has: the number of sources, cards or screens is not typed in by you. Everything is in the SET tab of the menu, next to the canvas, so you can see the screen while you work.

An example dashboard: file, slide, builds, media and time of day on the left; program and preview, three GFX buttons and status tiles on the right.
An example screen made from presets and a few minutes of arranging.

Build my dashboard: one button

Press Build my dashboard at the top of SET. Dashboard adds the right boxes for every connection it recognised and lays them out in tidy columns, one group of presets under another. If the current page already has boxes, the result goes onto new pages (Dashboard, Dashboard 2, …), so nothing you made is touched. Ctrl/Cmd+Z takes the whole thing back in one step.

It leaves out the variants that would only repeat another preset (the big layouts, one tile per PowerPoint variable), so you get a clean base to arrange.

Drag a preset onto the canvas

The SET tab: Build my dashboard, starter boxes with pictures, the beginning of the on-air button builder.
The SET tab. Every preset has a small picture of what it adds, with example values (never your real ones).

Every preset shows a picture of what it will add. Drag it onto the canvas and it lands where you drop it, or press Add (it lands below what you already have, selected). Add all for… adds every preset of one connection. Reload from Companion reads Companion again after you add a module.

What the presets are

Three layouts: speaker timer, presentation, PGM and PVW monitor.
Three ready layouts: speaker timer, presentation, PGM and PVW monitor.

One box, two texts: a name on the left, details on the right

A box can have a second text, the right text (BOX → Content → Right text). It sits next to the main text and may have several lines. Left part % sets how wide the left side is, Right size the size of the right text (0 = fit to the space). A rule can replace the right text as well as the left one.

GFX presets with slide, build and TCR, a PB A button with cue and time, and two on-air buttons.
Two GFX presets, a PB A button, and two on-air buttons that are lit.

The two GFX presets (KUMA, for every connection that has PowerPoint variables) use it: the machine name on the left (taken from the connection, GFX_1 becomes GFX 1), on the right SLIDE X/Y and under it BUILD X/Y. The second preset adds a third line, TCR: XX:XX:XX, for connections that have a TCR variable. Name left, details right in the starter boxes is the same box for your own variables, for example PB A with the cue and the time left.

A button that shows what is on air

For an output (a PGM, a screen, GFX 1) you often want one button that lights up for the source that is on it and shows details of that source, for example which PowerPoint machine is on air and its slide and build. SET → Button: what is on air builds it:

  1. Pick the variable that says what is on air (for example the ATEM program input) with the $ button.
  2. Press Rows from KUMA PowerPoint: one row for every KUMA connection with PowerPoint variables, with the name on the left and SLIDE and BUILD on the right. Or press Add a source and fill a row in yourself (when it is / contains a name, a colour, the left text, the right text).
  3. Press Add the button. Two small pictures show it with nothing on air and with the first source on air.
The on-air button builder with two PowerPoint rows.
The builder: the watched variable, one row per machine, and the two pictures.

Add it again for the next output and change the title and the watched variable (Find & replace, below, helps). The older recipe in One box, many sources does the same by hand with rules.

One box, many sources: what is on PGM and PVW of a screen

A very common question in a production: what is on the LED wall right now, and what is waiting in preview? The answer is not one variable. A video processor such as a Barco E2 or EventMaster tells you, for every input, on which screens it is currently in program or preview. With 20 inputs that is 20 variables, and any one of them can be the answer. Dashboard solves this with one box that has one rule per input, and it has a shortcut so you do not enter the 20 rules one by one.

Quickest way: if your Companion connection is an E2 or EventMaster, open SET and add PGM: which input is on each screen. It builds exactly this, one box per screen. Read on when you want to understand it, change it, or build the same thing for a module that has no preset.

The idea

The E2 module in Companion gives every input two variables that list the screens it is on, for example eventmaster:source_4_pgm_destinations holds Screen LED while input 4 is in program on that screen (and is empty otherwise), plus its name eventmaster:source_4_name. (eventmaster is the connection name; yours may differ, pick the variables with … as usual.) The box looks at all inputs in turn. The first input whose list contains the screen name wins, and the box shows that input's name:

When nothing matches, the box keeps its normal look (grey, with a dash). If two inputs are on the same screen at once (a key over a background), the rule that is higher in the list wins, because the first matching rule wins.

Build it

  1. Make the box with New box. Give it a value of — (shown when nothing matches), a big font and a bar label such as LED · PGM ("Content" tab).
  2. Add the first rule (RULES → + Rule): variable eventmaster:source_1_pgm_destinations, comparison contains, value Screen LED (type the screen name exactly as the module reports it), background red, and as the rule's text $(eventmaster:source_1_name).
    The first rule: variable source_1_pgm_destinations, contains, Screen LED, red background, text is the name of source 1.
    The first rule, for input 1. The text field uses the name variable of the same input.
  3. Add the other 19 at once. Scroll down to Add many rules, type 19 in More rules and look at the preview: it shows the last rule and the range that will be created (source_2_pgm_destinations … source_20_pgm_destinations). Press Add 19 rules.
    Add many rules: 19 more rules, count by 1, with a preview of the first and last new variable.
    Add many rules copies the last rule and counts the number in its variable up. The number in the rule text (source_1_name → source_2_name) counts along with it.
    The copies keep the comparison, value and colour, and the number in the rule's text counts up together with the variable, so rule 7 reads source_7_pgm_destinations and shows $(eventmaster:source_7_name). Count by is the step, useful when inputs are numbered 1, 3, 5.
    The list of rules after Add many rules: rule 2 uses source_2, rule 3 uses source_3.
    Twenty rules were made in one tap. Scroll the Rules tab to check any of them.
  4. Look at the result. With input 4 in program on the LED wall the box shows its name:
    The box LED PGM shows Slides, red.
    One box, red, showing Slides: input 4 is in program on Screen LED.

Make the PVW box, and the same for a second screen

You do not repeat any of this. Duplicate the box (the duplicate icon in the BOX tab, or Ctrl/Cmd+D) and use Find & replace in all rules at the bottom of the Rules tab on the copy:

FindReplace withWhat it does
pgmpvwAll 20 rules now read the preview lists. The tool reports Changed 20 fields.
#b91c1c#15803dRed becomes green, the usual colour of preview.
LEDDSMFor another screen: the value to look for changes from Screen LED to Screen DSM in all rules.
Find and replace in all rules: pgm replaced by pvw, with the message Changed 20 fields.
Find & replace after duplicating: all 20 rules of the copy now look at preview instead of program.

Finally change the bar label of the copy (Content tab) to LED · PVW. Four boxes, two screens, program and preview, and every one of them follows all 20 inputs:

Four boxes: LED PGM Slides in red, LED PVW Playback 1 in green, DSM PGM CAM 1 Wide in red, DSM PVW CAM 2 Close in green.
The finished panel for an LED wall and a DSM (confidence monitor) screen. Red is program, green is preview.
Tip: make and test the first box fully before you duplicate it. Everything in a box (font, border, size, colours) is copied, so the copies only need the three replacements above.

Other uses of the same trick

Pages

One screen is rarely enough, so a dashboard can have several pages, like tabs. Open PAGE to add (+), rename, reorder (◀ ▶) and delete pages. Deleting a page deletes its boxes, after a confirmation press. Switch pages by tapping the page in this list, or with a box whose action is Go to a page.

PAGE: your pages, the name of the current one, reorder and delete.
PAGE: your pages, the name of the current one, reorder and delete.
A second page for the video operator: program and preview, the KUMA timer as a bar, source buttons and CUT / AUTO / FTB.
A second page for the video operator: program and preview, the KUMA timer as a bar, source buttons and CUT / AUTO / FTB.

Look of the whole screen (VIEW)

The VIEW section affects the entire dashboard.

VIEW: font and scaling.
VIEW: font and scaling.

Font

Choose the default font or import your own (ttf, otf, woff, woff2), for example your event's brand font. Imported fonts also appear in every box's own font list.

Scaling and design width

Dashboard draws your boxes on a canvas that is scaled to the width of the window, so a layout looks the same on a small laptop and on a large display. The design width (default 1280) is the width of that canvas in pixels. The height follows the shape of the window:

ScreenShapeCanvas (design width 1280)
Laptop, monitor, TV16:91280 × 720
Right two thirds of a 2560×720 bar screen2.37:11280 × 540
iPad, 4:3 tablet4:3 – 1.43:11280 × about 900–960

So: draw each page for the screen it will be shown on (a page for the bar, a page for the tablet). Use Use current canvas width to match the design width to the window you are working in.

Background

The colour of the page (or a variable that holds a colour), colour rules (change the whole screen when something happens, such as red in overtime), and an optional background image or video.

Background colour, a colour rule (red screen when the KUMA overtime flag is true) and images.
Background colour, a colour rule (red screen when the KUMA overtime flag is true) and images.

Animations

The default animation for changing values (none, fade, slide, flip), smooth colour changes, smooth image changes and the duration. A single box can override the value animation.

Animations.
Animations.

Locking: from editor to control panel

While unlocked, tapping a box selects it. While locked, tapping a box does its action (presses the Companion button or switches the page), the menu is gone and nothing can be moved by accident. Lock the layout before the show.

A locked dashboard: only a faint padlock remains at the bottom right.
A locked dashboard: only a faint padlock remains at the bottom right.

Make a screen that always looks right

Web server: tablets, phones and TVs

Open WEB (desktop app) and switch on Enable web server. Dashboard now serves your screen to every browser on the same network. The addresses to open are listed right there, for example http://dashboard.local:8080 or the computer's IP address. Type one into the browser of an iPad, a phone or a smart TV.

WEB: the server switch, port, name, password and the addresses to open.
WEB: the server switch, port, name, password and the addresses to open.
A browser without a password: view-only, with the key button at the bottom right.
A browser without a password: view-only, with the key button at the bottom right.
Signing in from the browser to edit and press buttons.
Signing in from the browser to edit and press buttons.
The sign-in screen a browser shows when the password is required even to look: Dashboard, This dashboard is protected, a password field and an Open button.
With “Require the password to look at the dashboard too” the browser shows this first. Nothing of the dashboard is sent before the password is right.

Changes made on one device show up on the others a moment later, so you can edit on the laptop and watch the tablet update. A browser works like the app, with two differences: the WEB section and the window options (wide-screen, auto-fit) exist only in the desktop app.

Security. View-only mode (no password) and a password that only protects editing are for trusted networks (a production LAN): anyone on the network can still look. On a venue or shared network set a password and switch on Require the password to look at the dashboard too. Even then the traffic is not encrypted (plain http inside your network), so it is not meant for the internet. If the venue Wi-Fi blocks devices from talking to each other, use your own router for the production network.

One page on a screen: add ?page=2 to the address to show one page (a page number, name or id). The address follows the page you open, so a reload or a copied link stays on it. On a touch screen, swipe left on an empty part of the canvas to open the menu.

Using the iPhone, iPad, Apple Watch or Android app instead of a browser? The mobile guide shows how to connect, use the panel and set up alerts.

Relay: watch the dashboard from outside the network

New in Dashboard 0.1.0-rc.9.

The mobile apps (iPhone, iPad, Apple Watch, Android) connect through Relay as well; the mobile guide walks through the app side step by step.

The web server above is for screens on the same network as the computer. Relay is for everyone else: a client in another city, a producer in the hotel, a second screen on mobile data. They open a web page, type a code and a password, and see your dashboard live. It is view only unless you also allow control, and it is off until you turn it on.

Turn it on

  1. Open the menu, go to WEB and scroll to Relay (outside this network).
  2. Press Turn on Relay…
The Relay section of the WEB tab with the Turn on Relay button.
The Relay section, switched off.
  1. Read the seven lines and tick every one. The Turn on Relay button stays grey until all are ticked. This is on purpose: Relay makes your computer reachable from outside, and the lines say what that means.
  2. Choose when it should turn itself off (4, 12 or 24 hours) and press Turn on Relay.
The Relay dialog with seven ticked lines and the time to switch off.
The seven lines you accept every time you turn Relay on.

Share it

While Relay is on, a red RELAY ON flag shows in the corner of the screen with the number of viewers, and the menu shows three things:

The Relay section while it is on: the RELAY ON flag, pairing code, password, viewer page and Turn off Relay.
Relay is on. The code and password here are examples.

Send the link and the password by different routes (for example the link by email and the password by a message). Anyone who has both can see your screens.

Turn it off with Turn off Relay. It also turns itself off when the time you chose runs out and when you close Dashboard.

What the viewer sees

The viewer opens the page, types the code (the link already has it) and the password, and presses Connect.

The viewer page asking for the pairing code and the password.
The viewer page. The password is typed, never put in the link.

Then the dashboard appears, with the same layout and live values. If the dashboard has several pages, tabs at the bottom switch between them. On a phone the page scales to fit.

The viewer page showing a dashboard with GFX buttons, a timer, program and preview.
The viewer in a browser (example data).
The same dashboard on a phone.
The same dashboard on a phone.

If the host goes quiet, the page shows No update from the host and keeps the last values until it hears again.

Allow control: let viewers press buttons

In the Relay dialog, below the seven lines, there is a separate checkbox, Allow control. It is off unless you tick it. With control on, the people who have the pairing code and the password can press the buttons of your dashboard (the boxes whose action is Press a Companion button) from anywhere. That can switch video, audio, lights or anything else Companion controls, so give the password only to people you trust with that.

Good to know

If something does not work

Wide-screen mode: Dashboard beside KUMA

On a screen that is much wider than it is tall (2.3 : 1 or wider, such as a 2560×720 bar display) Dashboard shows a wide-screen button at the bottom of the menu rail. Tap it (or press Ctrl/Cmd + Shift + D anywhere) to turn the mode on: the window loses its title bar, takes the full usable height of the screen and snaps to a slot, so it can stand next to KUMA's own wide-screen strip.

Right-click the button, or press and hold it, to choose the options:

Wide-screen options: position and width.
Wide-screen options: position and width.
With Free, thin handles appear on both sides of the window.
With Free, thin handles appear on both sides of the window.
OptionMeaning
Position Left / Center / RightWhere the strip sits on the screen.
Width MinThe narrowest the layout allows (480 pixels).
1/3 and 1/2One third or half of the usable screen width.
FreeYou pull the edges yourself (the first time it is 700 pixels wide). Drag the thin strip at the top to slide the window sideways.
Beside KUMADashboard takes whatever KUMA leaves free. KUMA tells Dashboard where its strip is (checked every two seconds), so if you move or resize KUMA, Dashboard follows. If KUMA is not running, Dashboard stays where it is.

Beside KUMA needs KUMA on the same computer and uses KUMA's address from SYS → KUMA address (it works out the port by itself). In KUMA, switch on its own Wide-screen kiosk and choose where its strip sits; Dashboard fills the rest.

The mode is remembered and restored at start only while a wide screen is connected, so a laptop that is sometimes undocked is not left with a strange window. SYS → Window → Auto-fit window height to the screen additionally keeps a normal window from running off a short screen.

Dashboard's wide-bar page at the size of the slot next to KUMA.
Dashboard's wide-bar page at the size of the slot next to KUMA.
The wide-screen button is visible on wide screens (and whenever the mode is on, so you can always switch it off). Its options are Dashboard's desktop app only, not the browser.

System: licence, files and updates

SYS: about, licence status, give the seat back, KUMA address.
SYS: about, licence status, give the seat back, KUMA address.
SYS, Window: Auto-fit window height to the screen and Keep the screen awake while Dashboard is open, both switched on.
SYS → Window: both switches are on by default. Switch off Keep the screen awake if you want the normal power settings.
SYS: the rest of the section, with configuration save and load and the Updates button (here a new version is offered).
SYS: the rest of the section, with configuration save and load. Under it Updates: here a newer version is offered.
Back up before a big show. After the layout is finished, press Configuration → Save and keep the file with your show files. Loading it on a spare computer gives you an identical dashboard in seconds.

Load & add (next to Load) adds the boxes of a saved file to the current page and keeps what you have; Load replaces everything. Keep this window above other applications (desktop app) keeps Dashboard on top.

The licence never stops you from working. KUMA Dashboard comes with your KUMA Timer licence (one Dashboard seat for every KUMA Timer seat) and may be used at commercial events, in client work and in paid productions.

Recipes for event production

Practical set-ups, from the simplest to a full multi-screen show. The finished example dashboard in this guide is built from these pieces.

1. Stage manager's panel

Goal: one screen that tells you the time, the state and the next cue, and lets you run the show with your thumb.

  1. Add Timer with progress bar and Status and cue from the KUMA presets and make the timer the largest box.
  2. Add rules to the timer: red when KUMA_Timer:overtime is true, orange when KUMA_Timer:progress is below 12.
  3. Add START, PAUSE and RESET boxes with Press a Companion button pointing at the KUMA buttons in Companion; add boxes for your presets (5, 10, 15 minutes) with the same action.
  4. Add a cue list: five boxes with $(KUMA_Timer:cue_1_name)…cue_5_name (or build one and Repeat as series). Give each a rule that highlights it when KUMA_Timer:cue_index equals its number.
  5. Lock the layout. Put the screen where the stage manager can reach it.

2. Video operator's page

  1. Add program and preview tiles from the switcher's presets (or two boxes with $(atem:pgm1_input) and $(atem:pvw1_input)), with a red and a green border and a bar label PROGRAM / PREVIEW.
  2. Add the KUMA timer as a thin box with a progress bar, so the operator sees the clock without leaving the page.
  3. Add source buttons and CUT / AUTO / FTB with button-press actions.
  4. Give the page its place in the navigation, with a Go to a page box that is shown on all pages.

3. Status wall for technicians

Open SET and press Build my dashboard (or Add all for… for each connected module). Every module gets an OK / PROBLEM tile and modules with more detail (power supplies, cards) get their own tiles. Arrange them in a grid with the alignment tools. A single glance tells you which device dropped out.

4. Producer's tablet

Enable the web server, add a page drawn for the tablet's shape and open the address in the tablet's browser. Leave the password empty for a view-only status screen, or set one so the producer can also press buttons.

5. Confidence screen in the green room

Show the timer large, the running cue name and the clock on a TV or monitor through a browser in full screen. No password, no buttons, just information.

6. Several rooms, one screen

Add a connection for each Companion computer (LINK → Add connection, give each a clear name). Use the picker to pick variables from each: Dashboard writes the right alias for you. One screen can now show the main stage, the breakout room and the registration desk.

Troubleshooting

What you seeWhat to check
Red dot (top right) / values show ⚠Dashboard cannot reach Companion. Check the address in LINK (host and port), that Companion is running, and that both computers are on the same network and not blocked by a firewall.
A box shows …The variable has no value (yet): wrong name, the Companion connection is disabled, or it is still reading. Open the variable picker and insert it again.
Tapping a box does nothingThe layout is not locked (tap = select), or the box has no action. Check Action, and that the page / row / column match the Companion button.
The bottom of my layout is cut offThe page was drawn for a different screen shape. See Design width: make a page for this screen's shape.
A box is missing on another pageBoxes belong to the page they were created on. Tick Show on all pages to show it everywhere.
I cannot edit in the browserThe browser is view-only. Set an Edit password in WEB (desktop app) and sign in with the key button.
“All Dashboard seats on this licence are in use”Free a seat: Give this seat back on the other computer, or release it in the licence portal.
“Could not reach the licence server”Only needed when activating. Once activated, Dashboard keeps running for at least two weeks offline.
The wide-screen button is missingIt only appears on a screen that is at least 2.3 times wider than it is tall (or while the mode is on).
Beside KUMA does not move the windowKUMA must run on the same computer with its own wide-screen kiosk switched on. Check SYS → KUMA address.

Still stuck? Write to support@kumatimer.app with a screenshot and a copy of your saved configuration file.

Tips

Glossary

WordMeaning
BoxA tile on the dashboard: text, colour, image, a bar, a tap action.
PageOne screen of boxes. A dashboard has one or more pages.
CompanionBitfocus Companion, the program that talks to your show equipment and holds the buttons.
ConnectionOne Companion computer (address and port) that Dashboard reads from.
VariableA live value from Companion, written $(connection:name).
TemplateThe text of a box, which may contain variables.
Rule“When this variable matches, change the look.”
LabelA caption on an edge of a box, optionally as a coloured bar.
PresetReady-made boxes for a Companion module, or your own saved selection.
Design widthThe width of the canvas your boxes are drawn on, scaled to the window.
TCRTime Code Remaining: the time left of a clip that is playing in QLab, Mitti, Millumin or PowerPoint (via KUMA).
SeatOne computer's right to use Dashboard on your licence.

Related: KUMA wide-screen kiosk · KUMA Companion module · Wide-screen walkthrough (blog) · Download Dashboard