Differences

This shows you the differences between two versions of the page.

--- mistudio:design_editor:more_layout:buttons_inputs:bootstrapbutton [2026/09/18 13:36] – removed - external edit (Unknown date) 127.0.0.1
+++ mistudio:design_editor:more_layout:buttons_inputs:bootstrapbutton [2026/09/18 15:31] (current) – tputman
@@ Line 1: / Line 1: @@
+===== 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]]