Table of Contents
BootstrapButton
com.ergotech.vib.graphics.BootstrapButton
Image Examples
 |  |
| BootstrapButton in the graphics palette. | BootstrapButton graphic example. |
Overview
The BootstrapButton graphic is a More Layout button control used for button-style user interaction.
BootstrapButton is similar to a standard button, but it uses a Bootstrap-style appearance and has a smaller set of visible properties in the current property panel.
BootstrapButton can display different labels for the off and on states.
Common Uses
- Creating a Bootstrap-style button
- Sending a button value into application logic
- Triggering user interaction from an application screen
- Displaying off and on labels
- Creating simple operator controls
Input Behavior
BootstrapButton can be updated from an input connection.
The updateDisplayedValue port updates the displayed button state from logic, a data source, or another component.
The valueInput port also updates the BootstrapButton value from another source.
Output Behavior
BootstrapButton sends its output value through PrimaryOutPort.
The output value is sent when the user interacts with the button.
BootstrapButton-Specific Behavior
BootstrapButton is designed for Bootstrap-style button interaction.
BootstrapButton-specific settings include:
- Name Sets the name of the BootstrapButton graphic.
- LabelOff Sets the label shown for the off state.
- LabelOn Sets the label shown for the on state.
- Visible Controls whether the BootstrapButton is shown.
Logic Ports
In the Logic Editor, BootstrapButton includes these default ports:
- PrimaryOutPort
- updateDisplayedValue
- valueInput
The PrimaryOutPort sends the BootstrapButton output value.
The updateDisplayedValue port updates the displayed BootstrapButton state from another source.
The valueInput port also updates the BootstrapButton value from another source.
Notes
Use BootstrapButton when a Bootstrap-style button is needed.
Use Button when the button needs additional visible settings such as enabled state, font, text color, high and low values, trigger type, image behavior, and background color.
For general graphic behavior, see Active Graphic.