Skip to main content
Skip table of contents

Control panel - Widget types

Button (Trigger)

Sends predefined variables and/or event triggers when clicked. You can use it to

  • Trigger Blueprint events

    • Virtual camera moves

    • Actions/States

  • Trigger video keyer presets

  • Set

    • Actor transform

    • Actor parameters

Events

Actions

Default source

  • on Click

  • Perform click

-

Button (Toggle)

ON and OFF state

Sends predefined values and/or event triggers when clicked, while showing the current state.

You can use it

  • as a 2-state trigger

  • for on/off actions

    • Light switches

    • A to B transitions

    • Visibility toggles

    • Any boolean

Same as button, but with Toggle enabled.

Events

Actions

Default source

  • on Click

  • on ON click

  • on OFF click

  • Perform click

  • Perform ON click

  • Perform OFF click

button.Value

Tabs

Sends predefined values and/or event triggers when clicked, while showing the current state. The list of options can be manually set up or imported from a List property of an engine object.

You can use it to

  • switch between predefined values (Number, String)

    • Infographics

    • Name fields

    • Title bars

Events

Actions

Default source

  • on Click

  • on Tab 1 click

  • on Tab 2 click

  • Perform click

  • Perform Tab 1 click

  • Perform Tab 2 click

tabs.Selected

Dropdown

Switches between predefined values and/or event triggers when clicked, while showing the active option.

Use it the same way as the Tab widget.

Events

Actions

Default source

  • on Change

  • Perform change

dropdown.Selected

Slider

Sends a Number (float or integer) between a min and a max value.

You can use it to

  • control virtual lights

  • control physical lights

    • via DMX

  • control X/Y/Z dimensions of transforms

  • control color channels

  • control any states you want to fade between

  • control any number value you want to have interactive control over

Events

Actions

Default source

  • on Change

  • Perform change

slider.Value

Number

Sends a Number (float or integer) when field is changed, either by

  • number entry closing with Enter

  • clicking the arrows

  • scrolling

You can use it to

  • update numeric values

    • Scoreboards

    • Statistics

    • Data

  • trigger Blueprint events that take a numeric parameter

Events

Actions

Default source

  • on Change

  • Perform change

  • Trigger Focus

number.Value

Text

Sends a String when the Enter key is pressed. The text can be typed or pasted in.

You can use it to

  • update text and number values

    • News tickers

    • Infographics

    • Name fields

    • Title bars

    • Scoreboards

  • trigger Blueprint events that take a text OR numeric parameter

Events

Actions

Default source

  • on Confirm

  • Perform change

  • Trigger Focus

input.Text

Text (multiline)

Sends a String (including line breaks) when

  • "Confirm" button is clicked

  • Ctrl+Enter is pressed

Text can be typed or pasted.

Use it the same way as the Text widget.

Events

Actions

Default source

  • on Confirm

  • Perform change

  • Trigger Focus

text.Text

Color picker

Opens a color picker and while making changes it sends updates

  • if confirmed, the color is kept

  • if cancelled, the original color is sent again

You can use it to

  • control light colors

Events

Actions

Default source

  • on Confirm

  • Perform change

colorPick.Color

Playlist

Executes actions in a sequence triggered manually or based on time.

You can use it to

  • control actions in a sequence

Events

Actions

Default source

-

  • Reset

  • Play next

  • Pause/Continue

  • Start from index

  • Pause at index

  • Wait

Get

  • Current Action Index

  • Current Action Name

  • Current Action Duration

  • Current Action Progress

  • Current Action Timer

  • Up Next Index

  • Up Next Name

  • Overall Time Elapsed

  • Get Count

-

Timer

Triggers the actions with a constant interval.

You can use it to

  • set up triggers with a constant interval

Events

Actions

Default source

  • on Timer

  • Perform Interval

-

Listener

Listens to changes of the Source property.

You can use it to

  • listen to the change of any property

Events

Actions

Default source

  • on Change

  • Perform Listener

-

Label

Shows a text or JSON view.

  • Passive: can be controlled by an action on another widget

  • Active: can actively listen to changes

You can use it to

  • have an independent label text with optional background color

  • display values as text or JSON

  • organize your control panel

  • select and copy values

Events

Actions

Default source

  • If active: on Change

  • Perform Listener

label.Text

Image

  • Passive: image source can be controlled by an action on another widget

  • Active: can actively listen to changes

  • Double click the image to bring up the resources library

    • Upload or choose an existing image

Resources are stored in [Project folder]/ControlPanel/[Control panel folder]

You can use it to

  • display images

    • from url

    • from local file system

  • send image URLs to the URLImageActor

  • organize your control panel

Events

Actions

Default source

  • If active: on Change

  • Perform Listener

image.Src

Frame

Embed another website into the control panel.

You can use it to

  • load other control panels

  • load help center articles

  • load external graphics

Events

Actions

Default source

-

  • Perform Listener

-

Group

Visually group widgets together.

You can use it

  • to organize your control panel

  • as a modal dialog

  • Click the header to move all widgets within the group

  • Double click the header to select all widgets and scale the group

Events

Actions

Default source

-

If modal

  • Trigger Show Modal

  • Trigger Close Modal

-

System actions

Learn more about System actions

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.