56
Views
6
Comments
Solved
【DropdownServerSide】How to achieve "With OnScrollEnding"?

Hello.

I'm checking Live Style Guide to use DropdownServerSide, but I'm not sure how to achieve "With OnScrollEnding".


Live Style Guide 

https://outsystemsui.outsystems.com/StyleGuidePreview/PatternDetail?MenuCategoryId=8&MenuSubCategorId=90&_gl=1*1r3t2uh*_gcl_au*MzU0MTg2ODE2LjE3MzcyNzU0NTU.*_ga*MTYyNzIxNjkzMC4xNjc3NjUxODEx*_ga_G11QMS1MBT*MTc0NDA5MTU1NS4zNzMuMS4xNzQ0MDkzNjc0LjAuMC4w*_ga_HGKNZZMWJS*MTc0NDA5MTU1NS4zOTkuMS4xNzQ0MDkzNjc0LjQ0LjEuMTA5NjQ0NTk4NQ..*_ga_ZD4DTMHWR2*MTc0NDA3MzY4My4xNTYuMS4xNzQ0MDkzNjc0LjQ0LjAuMA..


Kind regards.




2025-04-08 152145.png
2022-12-22 10-00-39
Beatriz Sabino
Solution

Hi Sarah,

The OnScrollEnding option isn’t available directly on the Dropdown widget itself, but rather on the list that appears when the dropdown is expanded and scrolling is possible.

In your list, you’ll find the OnScrollEnding event. You can simply select the "New Infinite Scroll Client Action" option, and OutSystems will automatically generate the action for you.

I’ve attached a simple .oml file to demonstrate how to implement this behavior. 

If you need a more complex scenario this component has several options that you can check.

Dropdown_OnScrollEnding.oml
UserImage.jpg
Sarah38

@Beatriz Sabino 

Hi Beatriz,

I was able to understand it.

Thank you.

UserImage.jpg
Fazari

Hello Sarah,

The "OnScrollEnding" demo demonstrates how the dropdown list is updated when the user reaches the end of the scroll. 

Thanks,


UserImage.jpg
Sarah38

@Husnul Fazari P
Thanks.

I understand how it works, but I don't know how to implement it. 
I tried to create it, but "OnScrollEnding"  did not work automatically. 
Where are the settings (properties, etc.) ?

2025-03-12 11-13-22
Johnes Silva

By default, when you create a list in mobile applications, the outsystems platform generates the scrolling structure by implementing OnScrolling, try it out.

2022-12-22 10-00-39
Beatriz Sabino
Solution

Hi Sarah,

The OnScrollEnding option isn’t available directly on the Dropdown widget itself, but rather on the list that appears when the dropdown is expanded and scrolling is possible.

In your list, you’ll find the OnScrollEnding event. You can simply select the "New Infinite Scroll Client Action" option, and OutSystems will automatically generate the action for you.

I’ve attached a simple .oml file to demonstrate how to implement this behavior. 

If you need a more complex scenario this component has several options that you can check.

Dropdown_OnScrollEnding.oml
UserImage.jpg
Sarah38

@Beatriz Sabino 

Hi Beatriz,

I was able to understand it.

Thank you.

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.