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

  1. Launch into the Builder from your controlled space.
  2. Open the relevant user interface.
  3. 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

  1. Click the Create Widget button from the Builder tool bar and select the Create button option.
  2. 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

  1. Select the Image tab from the right pane.
  2. Expand an image library.
  3. 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

  1. Select the Device tab from the right pane.
  2. Select a Device.
  3. Select a Category for the Command.
  4. 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.

  1. Select the Devices tab from the right pane.
  2. Select the relevant Device.
  3. Select a Category for the Command or State.
  4. 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.

Revision: 6
Last modified: Jun 01, 2017

Feedback

Was this helpful?

Yes No
You indicated this topic was not helpful to you ...
Could you please leave a comment telling us why? Thank you!
Thanks for your feedback.

Post your comment on this topic.

Post Comment