Tutorial

Follow Along

The easiest way to get started is by following along with this simple tutorial or just skip through to the required steps.

Once you have the Ultimate Pagination Element somewhere on your page you can start to define the available options.

Data Type

The data type is the type of data to display. The same as you would in your Repeating Group. In our case we have a database 'thing' called Demo Data so we will set our Data Type to this.

Data Source

The Data Source, can be an option list, search result from database etc as again you would do in your repeating group. In our case we want to display all entries in the Demo Data set so we will do a 'Search For' without any constraints.

Results Per Page

Our data set only has 20 entries so we are going to set this to 5 so we will end up for 4 pages to display. This field is a dynamic and can also accept a value from an input. For example, you could use a drop down menu and allow your users to select how many items to display.

Numbers To Display

This is how many navigational numbers to display. In large data sets that may have many pages, for example a data set containing 200 entries would be 20 pages of 10 results. 20 numbers across the bottom of your pagination would be ugly so we can group these numbers into a set. If this were set to 5 only 5 of the 20 numbers would be displayed until the user clicks next on page 5 which would then display pages 6 - 10.

In our tutorial example we will leave this on the default setting of 5

All Set!

Thats it our Element is configured and will do all of the work behind the scenes. Now we need to build out our pagination navigation.