Carousel List

A dynamic slideshow component that displays items in a rotating carousel format. Features customizable transitions, swipe navigation, arrow controls, and custom styling options. Supports both static and dynamic content loading, with multiple transition effects and interactive navigation controls.

Extends: listComponent

Fields

Name

Code

Data Type

Description

ID

resourceId

text

Unique identifier for the component

Selected Slide

selectedSlide

text

Currently active slide identifier

Style Classes

styleClasses

text

CSS classes for styling

Width

widthClass

text

Controls component width

Control Color

controlColor

text

Color of the navigation controls

Animated

animated

boolean

Enables slide transition animations

Transition

transition

text

Type of transition effect between slides

Swipeable

swipeable

boolean

Enables touch swipe navigation between slides

Control Classes

controlClasses

text

CSS classes for navigation controls styling

Carousel ID Field

carouselIdField

text

Field from list items used as unique identifier for each slide

List

list

text

Array of items to display in the carousel

Height

height

text

Height of the carousel component

Methods

Name

Description

afterDataUpdate

Refreshes the carousel view after data changes

getDefaultEntitySelectFieldsForSelector

Retrieves default ID and title fields from an entity schema for mapping

refreshView

Updates the carousel view and handles initial slide selection

Events

No specific events are defined for this component.