Carousel Widget

A Carousel widget is a collection of containers that can be viewed in sequence. The slides of the Carousel widget may contain various other widgets.

1. Click on the plus button at the left top corner
2. Expand the Containers section and select the Carousel widget.

How to add widgets to the Carousel?

1. Hover over the widget area and click on it

2. Then, simply add the desired widget from the widgets list to the current slide.

How to adjust the Carousel widget?

1. Locate the Carousel Settings button with the gear icon in the properties panel on the right side. Click on it.

You can find all the available settings for the Carousel here.

Desktop Settings.

Controls:

• Headers. This toggle is responsible for showing or hiding the Slide Label (you can find the Slide Label field below in the Arrange section).
• Dots. This toggle controls the visibility of the navigational dots beneath the carousel widget.
• Arrows. This toggle controls the visibility of the navigational arrows located on the left and right sides of the carousel widget.
• Progress Indicator. This toggle controls the visibility of the line indicating the current position among the total slides. The Indicator is located at the top part of the carousel widget.

Behavior:

• Loop. This toggle allows you to go through your slides again after it's finished. After switching on the toggle, the value is set to 'Infinitely' by default. However, you can set the desired number of loops.
• Autoplay. The carousel playback will start automatically. You can adjust the time each slide is visible for in the Animation section.
• Disable Swipe. This toggle controls the ability to swipe between slides.

Animation:

• Animation Direction. Here you can change the slide-swiping animation direction from Horizontal to Vertical.
• Animation Effect. Here, you can choose the desired effect from the list. The available effects are:
  • Slide (default)
  • Cube
  • Fade
  • Coverflow
  • Flip
• Animation Duration. This option allows you to control the time it takes for animations to execute.
• Slide visible for. This option allows you to adjust the duration of each slide before transitioning to the next.

Slides:

• Slides in View. This option allows you to adjust the number of slides visible at once. To remove the white space, you should switch off the Center an Active Slide toggle, so that the first slide is shifted to the left.

• Opening Slide. This option allows you to set the slide from which the carousel will start.
• Spacing Between Slides. This option adjusts the space between slides.

• Free Mode. This toggle disables the fixation of slides by their properties and allows you to swipe with ease.

Mobile Settings

The Mobile Settings section includes the same options as the Slides section (except for Free Mode), allowing you to adjust these options for mobile view differently from the desktop view.

Arrange

The arrange section allows you to:

• Add the Slide Label (or Header) - simply click on the desired slide and enter your text into the appropriate field.
• Rearrange the slide order - drag the desired slide to the appropriate place within the slides.
• Duplicate, Copy, Paste, or Remove a slide - hover over the desired slide, click on the button with three dots, and select the necessary option.
• Add slide - click on the grey button with a plus sign at the bottom.
• Click on the appropriate tile to switch to the desired slide.

The Carousel widget controls

The carousel widget has controls, which allow you to switch between slides.

1. The Left and right arrows allow you to switch to the previous and next slides.

2. The slide list feature allows you to view most of your slides at once, which is useful when you have many slides. Click on the hamburger button to reveal the list.