Differences

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

--- mistudio:design_editor:more_layout:start [2026/09/18 13:37] – removed - external edit (Unknown date) 127.0.0.1
+++ mistudio:design_editor:more_layout:start [2026/09/18 15:47] (current) – tputman
@@ Line 1: / Line 1: @@
+===== More Layout =====
+More Layout is a graphics group in the MIStudio Design Editor palette.
+This section documents the graphics found under More Layout and organizes them by common behavior, such as text display, lists, tables, buttons, input controls, image graphics, status graphics, motion graphics, and process-style graphics.
+==== Graphics in This Group ====
+^ Group ^ Description ^
+| [[mistudio:design_editor:more_layout:text_display_lists:start|Text, Display, Lists, and Tables]] | Text, HTML, editable text, password, list, multiselect, and table graphics. |
+| [[mistudio:design_editor:more_layout:buttons_inputs:start|Buttons and Input Controls]] | Button, checkbox, date, slider, authorization, and indicator button graphics. |
+| [[mistudio:design_editor:more_layout:image_layout:start|Image and Layout Graphics]] | ImageBean and MultiImageBean graphics used to display image content. |
+| [[mistudio:design_editor:more_layout:status_motion:start|Status, Motion, and Process Graphics]] | Indicator, progress, spinner, chaser, pump, fan, and clock graphics. |
+==== Text, Display, Lists, and Tables ====
+^ Graphic ^ Description ^
+| [[mistudio:design_editor:more_layout:text_display_lists:label|Label]] | Text display graphic used for labels, headings, or short static text. |
+| [[mistudio:design_editor:more_layout:text_display_lists:htmlarea|HTMLArea]] | Display area used for HTML-style or formatted content. |
+| [[mistudio:design_editor:more_layout:text_display_lists:editabletextarea|EditableTextArea]] | Editable text area used for entering or editing longer text. |
+| [[mistudio:design_editor:more_layout:text_display_lists:passwordfield|PasswordField]] | Password-style text field used for hidden or masked text entry. |
+| [[mistudio:design_editor:more_layout:text_display_lists:list|List]] | List graphic used to display selectable list items. |
+| [[mistudio:design_editor:more_layout:text_display_lists:multiselectlist|MultiselectList]] | List graphic that allows multiple selections. |
+| [[mistudio:design_editor:more_layout:text_display_lists:multiselectduallist|MultiselectDualList]] | Dual-list graphic used to move or select multiple items between lists. |
+| [[mistudio:design_editor:more_layout:text_display_lists:bootstraptable|BootstrapTable]] | Table-style graphic used to display row-and-column data. |
+==== Buttons and Input Controls ====
+^ 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 true/false or 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. |
+==== Image and Layout Graphics ====
+^ Graphic ^ Description ^
+| [[mistudio:design_editor:more_layout:image_layout:imagebean|ImageBean]] | Image display graphic used to show a selected project image resource. |
+| [[mistudio:design_editor:more_layout:image_layout:multiimagebean|MultiImageBean]] | Image display graphic used for image content received from logic or configured image mapping behavior. |
+==== Status, Motion, and Process Graphics ====
+^ Graphic ^ Description ^
+| [[mistudio:design_editor:more_layout:status_motion:indicator|Indicator]] | Status display graphic used to show value, quality, text, and visual state. |
+| [[mistudio:design_editor:more_layout:status_motion:progressbar|ProgressBar]] | Progress-style graphic used to show a changing numeric value. |
+| [[mistudio:design_editor:more_layout:status_motion:spinner|Spinner]] | Numeric input control used to select or enter an integer value. |
+| [[mistudio:design_editor:more_layout:status_motion:chaser|Chaser]] | Motion-style graphic used to show animated movement or directional activity. |
+| [[mistudio:design_editor:more_layout:status_motion:pump|Pump]] | Process-style pump graphic used to show pump state or process equipment. |
+| [[mistudio:design_editor:more_layout:status_motion:fan|Fan]] | Process-style fan graphic used to show fan state or process equipment. |
+| [[mistudio:design_editor:more_layout:status_motion:clock|Clock]] | Clock graphic used to display time-related information. |
+==== Shared Behavior ====
+Many More Layout graphics support runtime interaction, display updates, or data source connections.
+Depending on the selected graphic, More Layout graphics may support:
+  * Displayed values
+  * User input
+  * Text display
+  * Selection behavior
+  * Visibility
+  * Enabled or disabled behavior
+  * Image content
+  * Table or list data
+  * Progress or status display
+  * Logic connections
+The exact behavior depends on the selected More Layout graphic.
+==== Notes ====
+More Layout contains a mix of display graphics, input controls, image graphics, list and table graphics, and process-style graphics.
+Some More Layout graphics are similar to graphics in other MIStudio Design Editor groups, but they may use different styling, properties, or runtime behavior.
+For general graphic behavior, see [[mistudio:design_editor:active_graphic|Active Graphic]].
+==== Related Pages ====
+  * [[mistudio:design_editor:start|MIStudio Design Editor]]
+  * [[mistudio:design_editor:basic_layout:start|Basic Layout]]
+  * [[mistudio:design_editor:active_graphic|Active Graphic]]
+  * [[mistudio:getting_started:add_graphics|Adding Graphics to an Application]]
+  * [[mistudio:getting_started:edit_graphic_properties|Editing Graphic Properties]]
+  * [[mistudio:getting_started:connect_data_source_to_graphic|Connecting a Data Source to a Graphic]]