Carousel
The Carousel widget displays a scrollable list of items in a way that allows for a "carousel" or "slider" effect. It is often used for image galleries or featured content.
Data Source
The Carousel widget uses a Data Source
to dynamically generate its content. You can input either static data or dynamic data using expressions.
Properties
Height
The height of the carousel.
Width
The width of the carousel.
Aspect Ratio
The aspect ratio of each item in the carousel.
Direction
The scrolling direction (Horizontal
or Vertical
).
Initial Page
The index of the page to show initially.
Pad Ends
If true
, padding is added to the ends of the list.
Enlarge Center Page
If true
, the center item will be larger than the others.
Enlarge Factor
The factor by which to enlarge the center item.
Viewport Fraction
The fraction of the viewport that each item should occupy.
Keep Alive
If true
, the state of each item is preserved as it scrolls off-screen.
Auto Play
If true
, the carousel will automatically scroll through its items.
Animation Duration (ms)
The duration of the auto-play animation in milliseconds.
Auto Play Interval (ms)
The interval between auto-play animations in milliseconds.
Page Snapping
If true
, the carousel will snap to the nearest item.
Infinite Scroll
If true
, the carousel will loop continuously.
Reverse Scroll
If true
, the carousel will scroll in the opposite direction.
Page Indicator Properties
Show Indicator
If true
, a page indicator will be displayed.
Indicator Offset
The offset of the indicator from the bottom of the carousel.
Dot Height
The height of each indicator dot.
Dot Width
The width of each indicator dot.
Spacing
The spacing between indicator dots.
Dot Color
The color of the inactive indicator dots.
Active Dot Color
The color of the active indicator dot.
Indicator Effect
The type of animation effect for the indicator.
Default Properties
The Carousel widget does not have the standard default properties. Its behavior is primarily controlled by the properties listed above.
Last updated