Control Carousel

By using this action, you can gain more control over the scrolling behavior of the Carousel widget. For instance, you can enable your users to move to the next or previous slide with a single tap of a button.


Before you add this action, ensure you have added the Carousel widget on a page.

Types of action

These are the types of actions you can add on the Carousel widget.

  • Previous: Scroll to the previous slide.

  • Next: Scroll to the next slide.

  • First: Scroll to the first slide.

  • Last: Scroll to the last slide.

  • Jump to: Scroll to a specific slide in the Carousel widget. Please note that the slide index starts from 0. So, if you want to jump to slide 1, you should enter 0. If you want to jump to slide 2, you should enter 1, and so on.

Follow the steps below to add this action to any widget.

  1. Select the Widget (e.g., Container, Button, etc.) on which you want to add the action.

  2. Select Actions from the properties panel (the right menu) If it's the first action, click + Add Action button. Otherwise, click the "+" button below the previous action tile (inside Action Flow Editor) and select Add Action.

  3. Search and select the Control Carousel (under Widget/UI Interactions) action.

  4. Set the Carousel to Control to the name of the carousel added to your page.

  5. Select the Action Type.

Last updated