Join the Webstudio community

Updated 6 months ago

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
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!
J
S
12 comments
Pagination is created via links and expression editor. What cms are you using?
I don't use a CMS, my website is for integrating the web studio webpage into a mobile app
And I use Andromo as an app builder
So what content are you trying to paginate?
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
It's for paginating testimonials which are stored in Kernex, an API.
Kernex is a cms. Check the api docs they generate for you for pagination. Look for offset/skip and limit or cursors
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
Yes I know that, but I wanted to know how to add buttons and other things for the pagination
add buttons
what do you want them to do?

other things
such as?
To navigate through the different pages of the pagination
am i understanding correctly that you want a pagination that is 1,2,3... instead of First, Next, Prev?
Add a reply
Sign up and join the conversation on Discord