Show TOC

Background documentationCompose Model Task Panel (Layout Board) Locate this document in the navigation structure

 

On the Layout board, the Compose Model task panel serves as a repository of controls that you can use to create the UI of your model.

Controls are either created automatically and bound to a field when a view element is created by dragging out from an element on the Design board, or you can add them by dragging the required control icons from the Compose Model task panel onto the required views on the Layout board.

If you add controls by dragging them from the Compose Model task panel, you can bind them to a field using the Configure task panel. You also use the Configure task panel to configure the control properties.

More information: Configure <Element> Task Panel

The Compose Model task panel contains the following controls when working on the Layout board:

Control

Description

Button (Button)

A control used to trigger actions when it is clicked with the mouse or activated using the keyboard.

Calendar (Calendar)

A date selection control that allows the user to select a date or a range of dates using a navigable monthly calendar.

Checkbox (Checkbox)

A dual-state selection control used for setting or clearing Boolean (yes/no) fields.

Combo Box (Combo Box)

A combination dropdown list and input field, enabling the user to choose an option from a dropdown list or else enter values not available in the list.

Date Picker (Date Picker)

A date selection control that allows the user to select a date using a dropdown calendar.

Dropdown List (Dropdown List)

A list showing the possible values that can be selected and also the currently-selected value.

Horizontal Separator (Horizontal Separator)

A horizontal line that visually groups items or separates content areas.

Hyperlink (Hyperlink)

An unbound control that triggers a specific action when clicked.

Image (Image)

A control used to display an image by specifying its URL.

Input Field (Input Field)

A single-line text box that supports all data types.

Melting Group (Melting Group)

A control that can be used to group other controls, enabling more layout flexibility.

More information: Adding Controls in a Melting Group

Plain Text (Plain Text)

A control used to display a text message with uniform formatting.

Progress Bar (Progress Bar)

A read-only control for displaying numeric values using a bar that is filled to display the current value relative to the total size of the bar.

Radio Group (Radio Group)

A selection control consisting of radio buttons, one for each value that a user can select. Only one radio button can be selected at any time.

Text Editor (Text Editor)

A multi-line text editing control with support for line breaks, word wrapping and scrolling.

Toggle Button (Toggle Button)

A dual-state selection control used to set or clear Boolean fields using a button.

Vertical Separator (Vertical Separator)

A vertical line that visually groups items or separates content areas.