Problem
???? 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:
- You’ve added the repeater.
- You’ve the sample data in the repeater.
- 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]]).