Support Topics Documentation Slack YouTube Blog

Jump to an item in a dynamic list

Hello,

there is a dynamic list of say 50 items on the screen. How can I jump to say item 30?

Thank you and best regards,

Joerg

Hello, @Joerg.

We already have a ticket to implement this feature( BKNDLSS-23145 ). We have raised the priority of this ticket.

Regards, Nikita.

Hi, @Joerg

We’ve just updated our cloud servers with a new component in UI-Builder section. It is called “Scroll to Component”, you can find it in the Device API section. https://monosnap.com/direct/XJx7BpuQlZP3E6Dzgo8tVIg9sswlFX

Regards,
Marina


Hi All,

I found this post which got me a little closer to my end goal.

I thought this might not work but just took a chance that somehow it might, if possible could someone provide an example of the correct logic of how one could have a dynamic list scroll to the last item in the list.

I am trying to achieve the following.

On form submission a new dynamic list item is created (This works just fine)
Irrespective of where on the dynamic list the user might be, I want it to scroll automatically to the (last/ message just posted) in the list, this done on form submission.

Assistance would be appreciated.

Kind Regards,
Raymond

Hello @Raymond_Woodley

I won’t work in this way because the Scroll to Component block expects a Component <id> block. And since the parent component is a Dynamic List all the inner (children) component will share the same identity and we can not determine which component (for ex: with id “MyListItem” ) you are referencing to. Finding specific components in a DynamicList by its Id outside the DynamicList is what we are planing implement in the future BKNDLSS-25042.

As a workaround I can recommend you to add the logic about scrolling to the “On Mounted” handler for the ListItemComponent

Take a look at this demo page https://backendlessappcontent.com/7E25B48A-05FA-0B5D-FFAE-63CC0AC26C00/E9920D04-8F81-D6EC-FFBB-4D4D78486100/files/ui-builder/containers/default/index.html?page=empty

As you can see it always scrolls to the last added item

Hi @vladimir-upirov

Thanks for the work around, problem solved

Kind Regards,
Raymond