27
Views
7
Comments
Solved
To keep scroll always to the last element of the list in Chat app.
Question

I am trying to develop a chat app. I need a way to keep the scroll of element always to the last element of the list. I have tried Scroll TO widget of outsystems UI and also js in ONRender action,but none of them are working.

Rank: #648
Solution

Hi Divyesh,

You can use "ScrollToEvent" widget as well to keep the scroll at the bottom of you page.

1. Place a container with height as 0 at the bottom of your screen.

2. Use "ScrollToEvent" widget inside you "OnRender" event, pass the name of container to widget.

Hope this will help you.

Regards,

Vipasha


Rank: #1974

Hi Divyesh,

Dont use Onrender event better use any event triggered by chat app to scroll it to bottom. 

Best Regards

Devendra

Champion
Rank: #40

Divyesh Halatwala wrote:

I am trying to develop a chat app. I need a way to keep the scroll of element always to the last element of the list. I have tried Scroll TO widget of outsystems UI and also js in ONRender action,but none of them are working.

 You will get some idea how you can achieve this by using below component. Please have a look on it.

https://www.outsystems.com/forge/component-overview/8368/reactive-scroll-to-customelement

 

Rank: #648
Solution

Hi Divyesh,

You can use "ScrollToEvent" widget as well to keep the scroll at the bottom of you page.

1. Place a container with height as 0 at the bottom of your screen.

2. Use "ScrollToEvent" widget inside you "OnRender" event, pass the name of container to widget.

Hope this will help you.

Regards,

Vipasha


Champion
Rank: #136

Hi Divyesh Halatwala,

Please find the attached OML file

Example Link : https://amit-verma331.outsystemscloud.com/ScrollTo/

Refer below snapshot how to achieve ScrollToBottom



Hope this will help you :)

- AV

Thanks

ScrollToBottom.oml