Control Page View

By using this action, you can gain more control over the scrolling behavior of the PageView widget. For instance, you can enable your users to move to the next or previous page with a single tap of a button or to quickly jump to a specific page index based on their preferences.

Prerequisites

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

Types of page view action

These are the types of actions you can add to the pageview.

  • Previous: Scroll to the previous page in the pageview.

  • Next: Scroll to the next page in the pageview.

  • First: Scroll to the first page in the pageview.

  • Last: Scroll to the last page in the pageview.

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

Adding Control Page View action

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 Page View (under Widget/UI Interactions) action.

  4. Set the Page View to Control to the name of the page view added to your page.

Here's an example of adding Jump to action to scroll to the specific page:

Last updated