Pagination of a collection

At a glance

The community member is looking for a way to add pagination to a collection that retrieves data from an API on their Webstudio website. They have tried using tabs, but they don't seem suitable for data pagination. The community member is wondering if there is a more suitable tool for pagination.

In the comments, other community members suggest using links and expression editor for pagination, and mention that the community member should check the API documentation for the Kernex CMS they are using, which provides pagination functionality using limit and skip parameters. They also recommend looking at examples like the Ghost Posts template in the marketplace.

The community member then clarifies that they want to add buttons and other UI elements to navigate through the different pages of the pagination, rather than just using the limit and skip parameters in the API calls.

Useful resources

SSoremus

Hello,

I'm looking for a way to add pagination to the collection that retrieves data from an API on my Webstudio website. I've seen that tabs exist, but they don't seem suitable for data pagination. And the only feature I've been able to find that could work properly would be to integrate code to implement this functionality.

Is there a more suitable tool for pagination? If so, thank you in advance for your response!

12 comments

JJohn Siciliano

Pagination is created via links and expression editor. What cms are you using?

SSoremus

I don't use a CMS, my website is for integrating the web studio webpage into a mobile app

SSoremus

And I use Andromo as an app builder

JJohn Siciliano

So what content are you trying to paginate?

JJohn Siciliano

I guess it would come from andromo? You would use links typically that put query params in the url that the resource query would use either with offset and limit or cursors. Check the marketplace for examples like Ghost Posts or Hygraph Posts

SSoremus

It's for paginating testimonials which are stored in Kernex, an API.

JJohn Siciliano

Kernex is a cms. Check the api docs they generate for you for pagination. Look for offset/skip and limit or cursors

JJohn Siciliano

Found their docs, they just werent available on mobile. They use limit and skip. Check the Ghost Posts template in the marketplace. It has a pagination using the same method. https://www.kernex.io/docs/rest-api#find-resources

SSoremus

Yes I know that, but I wanted to know how to add buttons and other things for the pagination

JJohn Siciliano

add buttons

what do you want them to do?

other things

such as?

SSoremus

To navigate through the different pages of the pagination

JJohn Siciliano

am i understanding correctly that you want a pagination that is 1,2,3... instead of First, Next, Prev?

Add a reply

Join the Webstudio community

Pagination of a collection