===== Text, Display, Lists, and Tables =====

This section documents More Layout graphics used for text display, editable text, password-style input, lists, multiselect lists, and table-style data display.

These graphics are commonly used when an MIStudio application needs to show text, collect text input, display selectable items, or present row-and-column data.

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

^ 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:htmlarea|HTMLArea]] | Display area used for HTML-formatted content when supported. |
| [[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. |

==== Common Uses ====

Text, display, list, and table graphics are commonly used to:

  * Display labels and headings
  * Show formatted text or HTML-style content
  * Enter or edit text values
  * Enter password-style hidden text
  * Display selectable list items
  * Allow one or more list selections
  * Display table-style data
  * Show values from data sources or logic connections

==== Data Source Behavior ====

These graphics may support data source connections depending on the selected graphic.

Text-style graphics are commonly used with string values.

List-style graphics may display or update selectable values.

Table-style graphics are commonly used with row-and-column data.

The exact input behavior depends on the selected graphic and the type of data connected to it.

==== Logic Behavior ====

Some graphics in this group can send values through **PrimaryOutPort** when the user enters text, selects an item, or changes a value.

Some graphics can also update their displayed value through **updateDisplayedValue** or **valueInput**.

The exact ports depend on the selected More Layout graphic.

==== Notes ====

Label, HTMLArea, EditableTextArea, PasswordField, List, MultiselectList, MultiselectDualList, and BootstrapTable are documented under More Layout because they appear in the More Layout group in the MIStudio Design Editor palette.

Basic Layout text field graphics are documented separately under [[mistudio:design_editor:basic_layout:text_fields:start|Text Fields]].

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