===== BootstrapButton =====

com.ergotech.vib.graphics.BootstrapButton

==== Image Examples ====

| {{:mistudio:graphics:more_layout:buttons_inputs:pasted:20260627-120000.gif?40|BootstrapButton in the graphics palette}} | {{:mistudio:graphics:more_layout:buttons_inputs:pasted:20260627-120147.png?40|BootstrapButton graphic example}} |
| //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 [[mistudio:design_editor:more_layout:buttons_inputs:button|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 [[mistudio:design_editor:active_graphic|Active Graphic]].

==== Related Pages ====

  * [[mistudio:design_editor:start|MIStudio Design Editor]]
  * [[mistudio:design_editor:more_layout:start|More Layout]]
  * [[mistudio:design_editor:more_layout:buttons_inputs:start|Buttons and Input Controls]]
  * [[mistudio:design_editor:more_layout:buttons_inputs:button|Button]]
  * [[mistudio:design_editor:more_layout:buttons_inputs:checkbox|CheckBox]]
  * [[mistudio:design_editor:more_layout:buttons_inputs:roundcheckbox|RoundCheckBox]]
  * [[mistudio:design_editor:active_graphic|Active Graphic]]