Carousel
Last updated
Was this helpful?
Last updated
Was this helpful?
(part of package '') Extends designtime/SolutionModel: Extends runtime:
A component that displays a slideshow of images with optional captions.
This is a reference page; many components have detailed usage guides .
Interval (in milliseconds) at which the carousel automatically cycles through slides. Type: Default Value: 5000
An array of CSS property objects to be applied to images within the carousel. Type:
Options for displaying images within the carousel (e.g., "Reduce", "Crop", etc.). Type: Default Value: "Reduce"
When true, slides are loaded lazily as needed. Type: Default Value: true
Fired when a slide is clicked.
Parameters:
Adds the given slide
Parameters:
Returns the index of the currently selected slide (0 based)
Removes the slide at the given index (0 based)
Parameters:
Sets the selected slide to the given index (0 based)
Parameters:
Sets the given slides
Parameters:
Represents a CSS property used to style carousel images. scripting type: CustomType<bootstrapextracomponents-carousel.cssProperty>
propertyName
The name of the CSS property.
propertyValue
The value assigned to the CSS property.
Represents a slide in the carousel. scripting type: CustomType<bootstrapextracomponents-carousel.slide>
caption
The caption text displayed with this slide.
imageUrl
The URL of the image for this slide.
The position of the carousel component on the form. Type:
When true, the carousel does not pause cycling on user interaction. Type: Default Value: false
When true, transition effects between slides are disabled. Type: Default Value: false
Height used for responsive layouts. Type: Default Value: 300
An array of slide objects to be displayed in the carousel. Type:
A foundset that provides slide data. Type:
CSS style classes applied to the carousel component. Type:
When true
the foundset's selection is updated with any slide selection
Type:
Default Value: false
Flag indicating whether the carousel is visible. Type:
{} event The event object containing details about the click event e.g. target element, mouse coordinates
{} slide The slide object that was clicked
{} slideToAdd The slide object to be added to the collection.
Returns: Index The 0-based index of the currently selected slide.
{} index The 0-based index of the slide to be removed or set as selected.
{} index The 0-based index of the slide to be removed or set as selected.
{} slides An array of slide objects to set as the current collection of slides.
Type:
Type:
Type:
Type: