Widget types

Type

Image

Behavior

Action event

Default source

Purpose

Button (Trigger)

Sends predefined variables and/or event triggers when clicked


  • on Click

-

  • Trigger Blueprint events

    • Virtual camera moves

    • Actions/States

  • Allows simple presets

    • Actor transform

    • Actor parameters

Button (Toggle)

(Same as button, with "Toggle" enabled)

Sends predefined values and/or event triggers when clicked

Shows current state

  • on Click

  • on ON click

  • on OFF click

button.Value

  • 2-state trigger

  • Useful for on/off actions

    • Light switches

    • A to B transitions

    • Visibility toggles

    • Any boolean

Tabs

Sends predefined values and/or event triggers when clicked

Shows current state

List of options can be manually set up or imported from a List property of an engine object - See Populate Options for Tab and Select widget

  • on Click

  • on Tab 1 click

  • on Tab 2 click

tabs.Selected

  • Allows for switching between predefined values (Number, String)

    • Infographics

    • Name fields

    • Title bars

Drop-down

Switches between predefined values and/or event triggers when clicked

Shows active option

List of options can be manually set up or imported from a List property of an engine object - See Populate Options for Tab and Select widget

  • on Change

dropdown.Selected

  • Same as Tabs

Slider

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

  • on Change

slider.Value

  • Control virtual lights

  • Control physical lights

    • via DMX

  • Control X/Y/Z dimensions of transforms

  • Control color channels

  • Any states you want to fade between

  • Any number value you want to have interactive control over

Number

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

  • number entry closing with Enter

  • clicking the arrows

  • scrolling

  • on Change

number.Value

  • Allows real-time operator numeric value updates

    • Scoreboards

    • Statistics

    • Data

  • Trigger Blueprint events that take a numeric parameter

Text

Sends a String when the Enter key is pressed

Text can be typed or pasted in

  • on Confirm

input.Text

  • Allows real-time operator entry for text and number fields

    • News tickers

    • Infographics

    • Name fields

    • Title bars

    • Scoreboards

  • Trigger Blueprint events that take a text OR numeric parameter

Text (multiline)

Sends a String (including line breaks) when

  • "Confirm" button is clicked

  • Ctrl+Enter is pressed

Text can be typed or pasted

  • on Confirm

text.Text

  • Same as Text

Color picker

Opens a color picker and sends a color value when confirmed

  • on Confirm

colorPick.Color

  • Control light colors

Timer

Triggers the action with a constant interval

  • on Timer

-

  • Set up triggers with a constant interval

Listener

Listens to changes of the Source property

  • on Change

-

  • Listen to the change of any property

Label

Passive, but text can be controlled

No action

label.Text

  • Display values

  • Use as independent label text with optional background color

  • Control panel organization

Image

Passive, but image source can be controlled

Double click the image to bring up the resources library. Upload or choose an existing image.

No action

image.Src

  • Display images

    • from url

    • from local file system

  • Control panel organization

Group

Passive

Double click the header to select and move all widgets within the group

No action

-

  • Control panel organization

Supported target property types

Property type

Source

Related UE4 type names

Boolean

false | true as text string

bool

Number

any float or integer number

byte, integer, integer64, float

String

any text string

FName, FString, FText

List (Enum, Array, …)

any String

Enums (any type starting with U and ending with *)

Color

Color OR individual Numbers for

  • Red

  • Green

  • Blue

  • Alpha

FColor

Transform

Transform OR individual Numbers for

  • Position XYZ

  • Rotation XYZ

  • Scale XYZ

Transform

Function (Blueprint)

Custom properties with their respective property types

Every argument can be controlled separately