Hello,I have a list in a block in a reactive web application. I would like to paginate this list, and not use infinity scroll.If anyone could provide directions, or a tutorial, or documentation about how I can use the Pagination widget with a List widget, I would appreciate it. Thank you
Hi Landon DoucetteBellow I attached a few print screens of a reactive webapp that we did on a lab at Next Step. There you can find an example of the pagination widget being used.
Has you can see you need to create two local variables, Start Index and MaxRecords with your desired Values, in this case 0 and 50 respectively.
Then you just need an action that will handle the OnNavigation event to reflex the StartIndex variable and refresh the Aggregate.
The NewStartIndex input will be filled with the value from the OnNavigation event, as you can see here:
Hope this helps you :)Thanks
Hi Landon,
OutsystemsUI has a pagination component. Did you try to use it?
Regards,
Marcelo
Marcelo Ferreira wrote:
Yes. That's what I'm asking for help with. There is no documentation.
The widget is called Pagination and there is documenation:
https://outsystemsui.outsystems.com/OutSystemsUIWebsite/PatternDetail?PatternId=54
Best way to learn how to implement is to create a screen from a list screen template and see how it is implemented.
Daniel
And here is the detailed documentation
https://success.outsystems.com/Documentation/11/Developing_an_Application/Design_UI/Creating_and_editing_Tables/Table_pagination_and_sorting
Thank you Daniel and Jose!! This has been immensely helpful.
There is one more scenario that I'm facing on pagination.
Please check the URL below for the help
https://www.outsystems.com/forums/discussion/73516/pagination-not-working-when-delete-last-item-from-the-list/
Hi,
By the way...I can't find the widget pagination. I've already searched in tags like a movie at Course Pagination and Sorting, but I can't find it.
widget Pagination is (now) navigation block?
R.Monteiro
Hi Rita,
If you search "pagination" on the left side and you can't find it, click "Search in other modules" and you will find it in the module "OutsystemsUI".
Pagination is a block that is part of "Navigation" UI Flow.
Hope it helps :)