Allows to rotate, manually or automatically, across multiple symbols or graphics components.
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:
Requirements
This component is Portable. It runs both on Windows and on Web Pages hosted in any platform.
Configuration
To configure a FlowPanel:
Go to Displays / Draw.
On the Components Panel, select Viewer, then Carousel.
Click or drag-and-drop it on the Drawing area to use it.
Double-click the component to open the configuration window.
FlowPanel Settings | |
|---|---|
Field | Description |
Items Source | Determines the source of the items displayed in the FlowPanel. 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 FlowPanel to display a list of simple text items. Useful for representing straightforward string values such as machine states or operational modes. StringTag: Enables the FlowPanel to display a list of items generated from a pre-existing Tag of the Text type. This feature is particularly useful when multiple FlowPanels across different displays need to present the same information consistently. Array: Allows the FlowPanel 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 FlowPanel 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. The object can be Databases Queries, or any realtime Tag, AssetPath, or property from the system namespaces |
Max Items | Specifies the maximum number of items that the FlowPanel 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 FlowPanel. Ensures that the FlowPanel displays the most current data, useful for dynamic or real-time data sources. |
Quantity | Defines how many items will be sourced from Text Source, and also displays such amount in the design preview. |
Width | Defines the width of each panel, ensuring that each panel is properly sized according to the user's preferences and fits seamlessly within the FlowPanel. |
Height | Defines the height of each panel, ensuring that each panel is properly sized according to the user's preferences and fits seamlessly within the FlowPanel. |
Margin | Specifies the margin for each panel, ensuring sufficient spacing to avoid a cramped layout. |
Runtime Execution
The TCarousel control will update the links to Selected Index, and Selected Title as the symbol that is show changing, either by the automated rotation or by user actions.
The SelectedIndex field is bi-directional, meaning if a tag is set to that property, changing the tag it will change the selected component. That allows to easily customize the look and feel and behavior of the control
In this section: