| Both sides previous revisionPrevious revision | |
| mistudio:design_editor:more_layout:start [2026/09/18 13:42] – ↷ Links adapted because of a move operation 216.73.217.83 | mistudio:design_editor:more_layout:start [2026/09/18 15:47] (current) – tputman |
|---|
| ===== More Layout Graphics ===== | ===== More Layout ===== |
| |
| More Layout is a graphics group in the MIStudio graphics palette. | 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. | 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. |
| | [[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: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: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 resources. | | | [[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. | | | [[mistudio:design_editor:more_layout:status_motion:start|Status, Motion, and Process Graphics]] | Indicator, progress, spinner, chaser, pump, fan, and clock graphics. | |
| |
| |
| ^ Graphic ^ Description ^ | ^ Graphic ^ Description ^ |
| | [[mistudio:design_editor:more_layout:text_display_lists:label|Label]] | Text display graphic used for labels, headings, or short status text. | | | [[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-formatted content when supported. | | | [[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: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:passwordfield|PasswordField]] | Password-style text field used for hidden or masked text entry. | |
| | [[mistudio:design_editor:more_layout:text_display_lists:multiselectlist|MultiselectList]] | List graphic that allows multiple selections. | | | [[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: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. | | | [[mistudio:design_editor:more_layout:text_display_lists:bootstraptable|BootstrapTable]] | Table-style graphic used to display row-and-column data. | |
| |
| ==== Buttons and Input Controls ==== | ==== Buttons and Input Controls ==== |
| |
| ^ Graphic ^ Description ^ | ^ Graphic ^ Description ^ |
| | [[mistudio:design_editor:more_layout:image_layout:imagebean|ImageBean]] | Image display graphic used to show a selected image resource. | | | [[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 switching between multiple image resources. | | | [[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 ==== | ==== Status, Motion, and Process Graphics ==== |
| |
| ^ Graphic ^ Description ^ | ^ Graphic ^ Description ^ |
| | [[mistudio:design_editor:more_layout:status_motion:indicator|Indicator]] | Indicator graphic used to show visual status or value behavior. | | | [[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 display graphic used to show completion or numeric progress. | | | [[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]] | Spinner graphic used for motion or value selection behavior. | | | [[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 chasing or animated status behavior. | | | [[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]] | Pump-style process graphic used to show process or equipment status. | | | [[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]] | Fan-style process graphic used to show fan or motion status. | | | [[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 or clock-style information. | | | [[mistudio:design_editor:more_layout:status_motion:clock|Clock]] | Clock graphic used to display time-related information. | |
| |
| ==== Shared Behavior ==== | ==== Shared Behavior ==== |
| * Visibility | * Visibility |
| * Enabled or disabled behavior | * Enabled or disabled behavior |
| * Image resources | * Image content |
| * Table or list data | * Table or list data |
| * Progress or status display | * Progress or status display |
| More Layout contains a mix of display graphics, input controls, image graphics, list and table graphics, and process-style graphics. | 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 palette groups, but they may use different styling, properties, or runtime behavior. | 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 ==== | ==== Related Pages ==== |
| |
| * [[mistudio:design_editor:start|MIStudio Graphics]] | * [[mistudio:design_editor:start|MIStudio Design Editor]] |
| * [[mistudio:design_editor:basic_layout:start|Basic Layout Graphics]] | * [[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:add_graphics|Adding Graphics to an Application]] |
| * [[mistudio:getting_started:edit_graphic_properties|Editing Graphic Properties]] | * [[mistudio:getting_started:edit_graphic_properties|Editing Graphic Properties]] |
| * [[mistudio:getting_started:connect_data_source_to_graphic|Connecting a Data Source to a Graphic]] | * [[mistudio:getting_started:connect_data_source_to_graphic|Connecting a Data Source to a Graphic]] |
| * [[mistudio:design_editor:active_graphic|Active Graphic]] | |
| |
