===== Buttons and Input Controls =====

This section documents More Layout graphics used for buttons, checkboxes, date entry, authorization behavior, indicator-style buttons, and slider input.

These graphics are commonly used when an MIStudio application needs user interaction, selection behavior, value entry, or button-style controls.

==== Graphics in This Group ====

^ Graphic ^ Description ^
| [[mistudio:design_editor:more_layout:buttons_inputs:button|Button]] | More Layout button graphic used for user interaction. |
| [[mistudio:design_editor:more_layout:buttons_inputs:bootstrapbutton|BootstrapButton]] | Bootstrap-style button graphic used for user interaction. |
| [[mistudio:design_editor:more_layout:buttons_inputs:checkbox|CheckBox]] | Checkbox control used for selected/unselected behavior. |
| [[mistudio:design_editor:more_layout:buttons_inputs:roundcheckbox|RoundCheckBox]] | Round checkbox variation used for selected/unselected behavior. |
| [[mistudio:design_editor:more_layout:buttons_inputs:datebutton|DateButton]] | Button-style control used for date selection or date entry. |
| [[mistudio:design_editor:more_layout:buttons_inputs:indicatorbutton|IndicatorButton]] | Button-style indicator control used for interactive status behavior. |
| [[mistudio:design_editor:more_layout:buttons_inputs:authorizationbutton|AuthorizationButton]] | Authorization-related button control. |
| [[mistudio:design_editor:more_layout:buttons_inputs:slider|Slider]] | More Layout slider control used to adjust or display a numeric value. |

==== Common Uses ====

Buttons and input controls are commonly used to:

  * Trigger user actions
  * Send values into application logic
  * Select or clear a checkbox state
  * Enter or select a date
  * Show button-style status behavior
  * Adjust a numeric value with a slider
  * Create operator controls on an application screen

==== Input Behavior ====

Buttons and input controls use input ports to update displayed values, selected states, visibility, or control behavior.

The exact input behavior depends on the selected graphic.

==== Output Behavior ====

Buttons and input controls send values through output ports when the user interacts with them.

The **PrimaryOutPort** is used by many controls in this group to send the current value, selection state, or user action into application logic.

==== Logic Behavior ====

Many graphics in this group include default logic ports such as:

  * **PrimaryOutPort**
  * **updateDisplayedValue**

Some graphics include additional ports depending on the selected control.

The exact ports are documented on each individual graphic page.

==== Notes ====

This section documents More Layout button and input controls.

Basic Layout button controls are documented separately under [[mistudio:design_editor:basic_layout:active_controls:start|Active Controls]].

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:basic_layout:active_controls:start|Active Controls]]
  * [[mistudio:design_editor:active_graphic|Active Graphic]]
  * [[mistudio:getting_started:connect_data_source_to_graphic|Connecting a Data Source to a Graphic]]