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

Property
Description

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

Property
Description

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