Carousel widget
- Last UpdatedOct 09, 2024
- 1 minute read
A Carousel widget shows a set of visual items within a ViewApp pane. The carousel performs like a photo carousel to show the next item in the set for a specified interval. The Carousel widget can be used to display dashboards, alerts, or alarms that are updated continuously.
Properties
You configure specific properties of the Carousel widget from the Layout or ViewApp editors.
|
Name |
Description |
Default |
|---|---|---|
|
GraphicNames |
A comma separated list of graphics the carousel displays in runtime. |
Empty |
|
Interval |
The display period in milliseconds the Carousel widget shows each specified graphic. |
5000 |
|
Pause |
If the Pause property is set to true, the carousel pauses the cycling of the graphics when it detects the mouse hovering or a touch down event. The carousel resumes cycling when the mouse is moved away. |
True |
|
Loop |
If the Loop property is set to true, the carousel cycles through the set of graphics continuously. When Loop is set to false, the carousel stops after a single cycle. |
True |
|
Autoplay |
If the Autoplay property is set to true, the Carousel widget automatically starts when the ViewApp starts running. If Autoplay is set to false, the user must select the next item to start the carousel. |
True |
|
Keyboard |
If the Keyboard property is set to true, the carousel responds to keyboard inputs. |
True |
|
BackgroundColor |
Sets a background color for the widget. Specify the color value in RGB, HTML Code (#FF0000) or a valid HTML color name. |
White |
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/