Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Dynamic creation of Symbols and Components, using various Panels types as containers.

The children elements, and its properties, can be defined in the Designer mode, for preview, and queries dynamics from real-time tags, database queries and other sources. 

On this page:

Table of Contents
maxLevel3
styleNone


Requirements

This component is Portable. It runs both on Windows and on Web Pages hosted in any platform.


Configuration

  1. Go to Displays / Draw.

  2. On the Components Panel, select Viewer, then FlowPanel.

  3. Click or drag-and-drop it on the Drawing area to use it.

  4. Double-click the component to open the configuration window.

ListBox Settings

Field

Description

LinkedValue

Specifies the variable or tag to which the ListBox is bound. Ensures that the selected value in the ListBox is linked to the specified data source, enabling dynamic updates and data binding.

BindingPanel Type

Sets the binding Panel mode for the component. Options are:

TwoWayWrapPanel: Updates the data source and UI interchangeably;

OutputOnly: Allows data output without user input;

InputOnly: Accepts user input without updating the data source.

SelectedIndex

arrange the items using the standard WrapPanel container.

Canvas:arrange the items using the standard Canvas container

Specifies the index of the currently selected item in the ListBox. Allows the application to track the selected item and update other components accordingly

.

Items Source

Determines the source of the items displayed in the ListBox. Can be bound to a list or collection, and users can specify the type of data, such as text or objects. Options are:

Text: Allows the ListBox to display a list of simple text items. Useful for representing straightforward string values such as machine states or operational modes.

Array: Allows the ListBox to display items from an array. Suitable for predefined sets of options, such as lists of sensor IDs or operational steps, enabling efficient management of uniform data.

Object: Allows the ListBox to display items from a collection of objects. Ideal for complex data representation where each item has multiple attributes, such as equipment lists with properties like name, ID, and status.

Start Index at One

Sets the index counting to start at one instead of zero when checked. Useful for user interfaces where the indexing needs to align with non-programmatic conventions.

The object can be Databases Queries, or any realtime Tag, AssetPath, or property from the system namespaces

MaxItems

Specifies the maximum number of items that the ListBox can display or hold. Limits the number of items to prevent overload and improve performance.

Reload

Specifies a command or function that reloads the items in the ListBox. Ensures that the ListBox displays the most current data, useful for dynamic or real-time data sources.



Runtime Execution

When users select an item from a list box, the application updates to reflect the chosen option. This selection changes the displayed data or configuration settings according to the user's choice. The list box helps users choose from predefined options, such as a machine type or report format.Image Removedthe panel is loaded, and every time the Reload trigger is set, the panel will be populated querying the information from the data sources. 



In this section:

Page Tree
root@parent
spacesV10