![]() Display the Current Page Number and Total Page Countīack in Axure RP, drag a label widget onto the canvas and place it below the repeater. You should see the first three items of the repeater displayed.Ĭlick the right arrow to see the next three items, and click it again to see the final three.Ĭlick the left arrow to go backward through the items.ĥ. Set the Current Page When the Arrow Widgets Are Clicked This will separate the repeater's nine items into three pages of three items each, and the repeater will load in the web browser displaying the first page of items.ģ. Select the repeater and check Multiple pages in the Pagination section at the bottom of the Style pane.Įnter 3 in the Items per page field and leave the starting page as 1. Drag a left arrow and a right arrow onto the canvas and place one on each side of the repeater. In the Libraries pane, switch to the Icons library and use the search field at the top-left of the pane to search for arrow. In the Style pane, add six new rows to the repeater's dataset, filling in the numbers 4 through 9 in Column0. Open a new RP file and open on the canvas. You'll also learn how to switch between pages in the repeater via the Set Current Page action as well as how to display the page number and the total page count using the Repeater.pageIndex and Repeater.pageCount properties.Ĭlick here to download the completed RP file for this tutorial. In this tutorial, you'll learn how to paginate repeater widgets to separate their items into multiple "pages" on the canvas.
0 Comments
Leave a Reply. |