Toggle Button

This article explains how to create a single toggle button that performs different actions and changes appearance for each action.

Adding Multiple Actions to a Button

1. Launch the Builder.
2. Add a new button or select an existing button from the interface.
3. Select the Toggle Button checkbox in the Properties window.
   Note: Selecting this option hides the Press and Release options from the button edit screen.
4. Select the relevant Device from the right pane.
5. Add actions to the button.
   Double-click the button to view the actions that were added. Multiple actions are shown as Tap: 1, Tap: 2 and so on.

Adding an Image for Each Action

1. Make sure you have added the required button images to an Image Library.
2. Make sure the relevant interface button is selected.
3. Drag an image from the Images tab in the right pane to the Toggle Image 1 field in the Properties window.
   Drag different images to each of the Toggle Image and Toggle Pressed Image fields as needed.
4. Save or Publish your changes.

Note on Toggle Buttons

Toggle images may not align between actions and images. Example: on the first press of a button within a page or overlay, you are executing command one – but triggering toggle image 2 to appear. Toggle image 1 as programmed in the Builder is actually the default image that appears on the page.