Add widgets and actions

Link a property to a widget

You can link properties to widgets

• in one go

• OR separately (see Link properties separately)

Learn more about the available Widget types

1. In the "Properties" section find the Target property you want to control

2. Click and drag the red circle ⭕ of a Target property onto the canvas
   (for functions drag FN)

   • Holding down Ctrl while dragging will insert the last selected widget, skipping the toolbox selection

     

   • To link the same property of multiple objects

     1. Select multiple objects in the Engine tab

     2. Drag one of their properties to the canvas (same as above)

        

3. The widget toolbox is opened

   

4. Double click the widget which should control this property
   OR select it and click "Confirm"

   • The widget is added to the canvas

   • An action is added to the widget

     • Setting the default value of the widget as the Source

     • Setting the dragged property as the Target

• An action is attached to a specific widget which triggers it

• When triggered, it sends the Source value or property to the Target property

• Actions can use properties from running levels, as well as from other widgets on the canvas

Link properties separately

Add a widget

1. Drag a widget from the widget toolbar

   

OR

1. Select the widget icon in the widget toolbar (it turns yellow)

2. Click and drag on the canvas to place/draw the widget

Add a widget via the toolbox

Link a property to a widget

1. Select one or more objects

2. Drag a property either

   • directly onto a widget

   • OR onto the Action in the Actions drawer

This will automatically set the default value of the widget as the source

Drag property onto widget

1. In the "Properties" section find the Target property you want to control

2. Click and drag the red circle ⭕ of a Target property onto a widget

Drag property into the Actions drawer

1. Double click the widget on the canvas to focus its action list

2. Click and drag the red circle ⭕ of the Target property onto the target drop zone

For functions drag FN instead of the red circle

Edit actions

Change action behaviour

Bidirectional

1. Click on the arrow between source and target and set the direction of the action to "Bidirectional"

   

not available for: Button (Trigger), Function and API calls

Startup

1. Click on STARTUP on the right side of the action

   

Change source

• Change the default Source property by dragging another property onto the source drop zone

  

• OR set a constant value by double clicking into the source drop zone

  

Learn more about Supported target property types

Change object

To only change the source or target object while keeping the property

1. Click the green object name of an action

2. Select another object and click "Update"

Remove a value or a property

To remove a value or property, click the x to the right of the Source or Target field.

Remove an action

To remove an action, click the x all the way to the right of the action row.

Copy an action

1. Drag the action using the red circle ⭕ and

   • drop it onto another widget

   • OR onto another event inside the actions panel

Custom options based on widget and property type

Some widgets and property types offer additional options.

Button (Toggle) and Tab widget

These widgets have more than one action event which actions can be added to.

Learn more about the widgets supported events and actions

Transform type

Transforms can be dragged into the action list

• as sub properties

• as a whole

When dragged in as a whole, the transform type breaks down into its individual sub property fields.

• Drag any source property into the individual fields

• OR set a constant value by double clicking into the field

At the trigger time, the individual values will be combined and set as the new transform

Function type

If function have arguments, the arguments are listed.

• Drag any source property into the individual fields

• OR set a constant value by double clicking into the field

API Call type

Learn more about Advanced usage of the control panel

Add additional triggers - via keyboard or another widget

Widgets are typically triggered by a mouse or touch action. In addition a widget can also be triggered by

• a hotkey (keyboard shortcut)

• another widget

Learn more about supported events and actions

Trigger using a hotkey

1. Select the widget and event which should be triggered by the shortcut

   

2. Click on the "Keyboard icon" to open the hotkey

3. Click in the input field and press the keyboard shortcut

4. Click "Confirm"

When using a keyboard shortcut used by the browser the original behaviour will be ignored.

Trigger using another widget

Meta actions allow widgets to trigger/control other widgets.

1. Right click the widget you want to control and scroll down

2. Drag the "Perform Click" action onto the controlling widget

Next step

Continue to Edit and organize widgets