Carousel widget
- Last UpdatedJul 02, 2024
- 2 minute read
A carousel widget allows you to cycle through elements—images or slides of text—like a carousel, without any input. This widget can be used to display dashboards, alerts or alarm information on large monitors on the plant floor.
Note: Client Control (Alarm Client Control and Trend Client Control) display in Carousel Widget is not supported in Window Viewer and Web Client.
Properties
In addition to the standard graphics properties, you can also configure properties specific to the widget, under Widget Properties.
|
Name |
Description |
Default |
|---|---|---|
|
Autoplay |
If the Autoplay property is set to true, the carousel widget will automatically start on load. If it is set to false, the user must select the next item to start the carousel. |
True |
|
BackgroundColor |
Sets a background color for the widget. Specify the color value in RGB, HTML Code (#FF0000) or valid HTML color name. |
White |
|
GraphicNames |
A comma separated list of graphics the carousel will display in runtime. |
Empty |
|
Interval |
The amount of time delay (in milliseconds) between automatically cycling an item. |
5000 |
|
Keyboard |
If the Keyboard property is set to true, the carousel will respond to keyboard inputs. |
True |
|
Loop |
If the Loop property is set to true, the carousel will cycle through the graphics continuously, else it will stop after a single cycle. |
True |
|
Pause |
If the Pause property is set to true, the carousel will pause the cycling of the graphics, when it detects the mouse hovering or a touch down event. The graphics will resume cycling when the mouse is moved away. |
True |
The carousel widget is based on the Bootstrap 4.0 Carousel component, for more information on bootstrap, go here: https://getbootstrap.com/docs/4.0/components/carousel/