Buttons are the elements that the end user interacts with to control their Space. Buttons can be single actions, macros or navigational.
This article explains how to add a new button to the user interface.
Selecting the Relevant Page
- Launch into the Builder from your controlled space.
- Open the relevant user interface.
- Expand the user interface until you can select the relevant page.
Once the page is displayed in the center pane, perform one of the 3 options mentioned below to add a new button:
Options for Adding a Button
Adding a Button with the Tool Bar Shortcut
- Click the Create Widget button from the Builder tool bar and select the Create button option.
- Click and drag in the center pane to define an area for your button.
A red box appears when you release the mouse to show the new button interactive area.
Adding a Button by Dragging an Image
- Select the Image tab from the right pane.
- Expand an image library.
- Drag one of the images to the center pane.
The new image appears with a red border, showing the new button interactive area.
Adding a Button by Dragging a Command
- Select the Device tab from the right pane.
- Select a Device.
- Select a Category for the Command.
- Drag a Command to the center pane.
A pop-up might appear asking you about the Command being executed.
A new button appears in the center pane with the name of the Command that was selected.
A red frame appears around the new button, showing the new button interactive area.
Note: This method works only for non parameter based commands, these are commands that are listed as Cursor Up, Cursor Down, Mute On or Mute Off for example. If a command opens a popup asking the programmer to identify what source, what level or what id this feature will not work.
Adding Commands and States to your Button
Note: If you followed the third option for adding a button (Adding a Button by Dragging a Command) then your button already has a Command.
- Select the Devices tab from the right pane.
- Select the relevant Device.
- Select a Category for the Command or State.
- Drag and drop the Command or State into the red frame of your button.
See this article for a full tutorial on state based changes.
Post your comment on this topic.