# AutoScrollable chat

**URL:** <https://community.thunkable.com/t/autoscrollable-chat/401259>\
**Category:** Questions about Thunkable X\
**Created:** [January 10, 2020, 6:01pm UTC](https://community.thunkable.com/t/autoscrollable-chat/401259 "2020-01-10T18:01:26Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![gabriele\_sicily](https://avatars.discourse-cdn.com/v4/letter/g/ee7513/32.png) [@gabriele\_sicily](https://community.thunkable.com/u/gabriele_sicily)\
**Post date:** [January 10, 2020, 6:01pm UTC](https://community.thunkable.com/t/autoscrollable-chat/401259/1 "2020-01-10T18:01:26Z")

</div>

I would to ask how I can make my chat history automatically scroll up when the label fills up. I tried to set the height of the column with the Fill container but so it flows only with the finger. I hope I have explained well thanks. Excuse me for bad traduction

---

<div class="post-metadata">

**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\
**Post date:** [January 10, 2020, 6:12pm UTC](https://community.thunkable.com/t/autoscrollable-chat/401259/2 "2020-01-10T18:12:35Z")

</div>

Hi @gabriele_sicily 👋

This sample chat app has auto-scrolling:

> [@Making better chat apps with the "Any Component" blocks](http://community.thunkable.com/t/making-better-chat-apps-with-the-any-component-blocks/151783):
>
> Thanks to @eoinparkinson who suggested this as an idea for a tutorial User Interface. The UI for this app is very simple. The OutputColumn is initially empty, with vertical alignment set to flex end. This is eventually where all the chat bubble will go. Under that is the inputRow which is used to place the test input and the send button side-by-side. Finally, outside all of this, are two labels; RightLabel and LeftLabel. Although I’ve shown them in the screenshot below, their visibility is se…

Hope that helps!

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 11:46am UTC](https://community.thunkable.com/t/autoscrollable-chat/401259/3 "2024-11-08T11:46:07Z")

</div>


