Problem

👉 You’ve successfully incorporated a repeater into Axure RP.

👉 You’ve set the pagination to display 10 items per page.

👉 You have the input text fields to add the new records into the repeater.

👉 If that newly added item creates a new page, you want to display the newly added item on the new page automatically.

Example:

1. You have a repeater in Axure RP with the pagination to display 10 items per page.

2. You want to add the 11th item and when added, display the 11th item on the top of Page 2 automatically.

Solution

Assuming the following:

  1. You’ve added the repeater.
  2. You’ve the sample data in the repeater.
  3. You’ve the input boxes and the button to add the item to the repeater.

Step 1: Let’s add a pagination label that displays the pagination information.

Step 2: Add following interaction on click of the Add Record button.

Interaction: CLICK OR TAP.

Action: Add Rows to the repeater (Add the values from Input boxes to the repeater).

Action: Move (Move the Pagination Label we have added in Step 1, by (0,0).

Action: Set Text for the pagination label to (Page [[LVAR1.pageIndex]] of [[LVAR1.pageCount]]).

Step 3: When moved, set the current page of the repeater to Page Count

Interaction: MOVED

Action: Set Current Page (Repeater’s current page to Repeater’s Page count.).

Step 4: Set current page and set the text on Pagination label.

Interaction: PAGE LOADED

Action: Set Current Page (Repeater’s current page to Repeater’s Page count.).

Action: Set Text for the pagination label to (Page [[LVAR1.pageIndex]] of [[LVAR1.pageCount]]).

About the author : Axure Market

Axure Market is an Axure widget library store where you can purchase premium and free Axure widget libraries and Axure templates. All the Axure widget libraries and Axure templates are curated by professionals with more than a decade of experience in Axure.

Leave A Comment

Related posts