Carousel
The Carousel component displays one or more Simple Panel components on a series of slides, allowing the user to flip through them one by one. |  |
Public Variables (Properties)
[?]
Common variables and variable groups: Name, Advanced Properties, Container Properties, Styles, Preloader, Events, Bindings.
Auto Play
Indicates that the carousel panels will automatically cycle into view without interaction from the user.
Variable Name: | autoplay |
Records: | 1 |
Record Format:
Field Name | Field Type | Notes |
autoplay | Boolean | Automatically cycle through carousel panels. |
Dot Position
The carousel dots show the user which slide is currently active. This property indicates where the dots should be displayed in relation to the component. Positioning the dots to the Left or Right with the Scroll Transition Effect will result in the panels scrolling vertically, and positioning the dots Top or Bottom with the Scroll Transition Effect results in horizontal scrolling.
Variable Name: | dotPosition |
Records: | 1 |
Record Format:
Field Name | Field Type | Notes |
dotPosition | String | Possible dot positions are:
|
Transition Effect
Effect to use while transitioning between panels, either Fade or Scroll.
Variable Name: | transitionEffect |
Records: | 1 |
Record Format:
Field Name | Field Type | Notes |
transitionEffect | String | Indicates transition effect when navigating between panels. |
Slides to Show
Indicates the number of panels to be shown per slide of the carousel.
Variable Name: | slidesToShow |
Records: | 1 |
Record Format:
Field Name | Field Type | Notes |
slidesToShow | Integer | Number of panels to show per page of the carousel. |
Count
The number of slides in the carousel. If the Count property is increased to more than the current number of slides, slides will be added to equal the Count value. Similarly, if the Count property is decreased, slides will be removed until they are equal to the Count value.
 | Reducing the value of the Count property can be a destructive action. When a slide is removed as a result of the value of the Count property being decreased, any child components of the removed slide(s) will be deleted. |
Variable Name: | slidesCount |
Records: | 1 |
Record Format:
Field Name | Field Type | Notes |
slidesCount | Integer | Number of slides in the carousel |
Speed
Indicates the number of milliseconds for each transition effect to complete. Set to 0 for instantaneous transitions.
Variable Name: | speed |
Records: | 1 |
Record Format:
Field Name | Field Type | Notes |
speed | Long | Number of milliseconds for each transition. |
Flip Delay
Applied when the Auto Play property is set to True. The amount of milliseconds to display each panel before transitioning to the next.
Variable Name: | flipDelay |
Records: | 1 |
Record Format:
Field Name | Field Type | Notes |
flipDelay | Long | Number of milliseconds to display each panel. |
Show Arrows
Displays arrows to the sides of the container, allowing the user to move between panels.
Variable Name: | showArrows |
Records: | 1 |
Record Format:
Field Name | Field Type | Notes |
showArrows | Boolean | Adds arrows to allow users to move between slides. |
Initial Slide
Indicate the initial slide to display when the component loads.
Variable Name: | initialSlide |
Records: | 1 |
Record Format:
Field Name | Field Type | Notes |
initialSlide | Integer | First slide to display when the component loads. |
Was this page helpful?