# Add scrollable vertical bar on a screen of a project. Thanks

**URL:** <https://community.thunkable.com/t/add-scrollable-vertical-bar-on-a-screen-of-a-project-thanks/991631>\
**Category:** Questions about Thunkable X\
**Created:** [November 22, 2020, 2:11pm UTC](https://community.thunkable.com/t/add-scrollable-vertical-bar-on-a-screen-of-a-project-thanks/991631 "2020-11-22T14:11:06Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![mauro.drghk](https://avatars.discourse-cdn.com/v4/letter/m/e9c0ed/32.png) [@mauro.drghk](https://community.thunkable.com/u/mauro.drghk)\
**Post date:** [November 22, 2020, 2:11pm UTC](https://community.thunkable.com/t/add-scrollable-vertical-bar-on-a-screen-of-a-project-thanks/991631/1 "2020-11-22T14:11:06Z")

</div>

I can not figure out how to add the vertical scroll bar on a screen of a project (like in the picture below) in order to continue adding images vertically on the screen

.

 ![scroll](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/e/7ef976eb97f734bae2b5ac4ba2fe2e7a2470f3e6.jpeg)

---

<div class="post-metadata">

**Author:** ![luv.ak.tech](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/luv.ak.tech/32/104896_2.png) [@luv.ak.tech](https://community.thunkable.com/u/luv.ak.tech)\
**Post date:** [November 22, 2020, 3:27pm UTC](https://community.thunkable.com/t/add-scrollable-vertical-bar-on-a-screen-of-a-project-thanks/991631/2 "2020-11-22T15:27:24Z")

</div>

use vertical arrangement and there is a option to make it scrollable and welcome to our commmunity 😄

---

<div class="post-metadata">

**Author:** ![mauro.drghk](https://avatars.discourse-cdn.com/v4/letter/m/e9c0ed/32.png) [@mauro.drghk](https://community.thunkable.com/u/mauro.drghk)\
**Post date:** [November 22, 2020, 4:46pm UTC](https://community.thunkable.com/t/add-scrollable-vertical-bar-on-a-screen-of-a-project-thanks/991631/3 "2020-11-22T16:46:47Z")

</div>

Thanks for the reply. But I don’t find the option to make it scrollable. My situation is best illustrated in the photo below. Thanks

 ![Screen scroll2](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/5/75cd21447bb5eb58edc41e604474b9f6aa0a879f.jpeg)

---

<div class="post-metadata">

**Author:** ![drted](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/drted/32/92694_2.png) [@drted](https://community.thunkable.com/u/drted)\
**Post date:** [November 22, 2020, 5:20pm UTC](https://community.thunkable.com/t/add-scrollable-vertical-bar-on-a-screen-of-a-project-thanks/991631/4 "2020-11-22T17:20:50Z")

</div>

Unfortunately, the design window does not scroll even if the screen is set to scroll. At runtime the screen scrolls, but not at design time :-(.

To get around this problem:

1. set the screen to not scroll
2. As the first component on the screen add a column.
3. Set the column to scrollable.
4. Put all other components inside the column.

Now the column will resize at design time so you can see everything

---

<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:** [November 22, 2020, 8:32pm UTC](https://community.thunkable.com/t/add-scrollable-vertical-bar-on-a-screen-of-a-project-thanks/991631/5 "2020-11-22T20:32:25Z")

</div>

@mauro.drghk have you considered using the Data Viewer list for this? Seems like it might be a more scalable/maintainable approach?

https://www.youtube.com/embed/videoseries?list=PLB89L9PPGIrzOpVyEmzmsvppGfkI2fUY3&wmode=transparent&rel=0&autohide=1&showinfo=1&enablejsapi=1

---

<div class="post-metadata">

**Author:** ![mauro.drghk](https://avatars.discourse-cdn.com/v4/letter/m/e9c0ed/32.png) [@mauro.drghk](https://community.thunkable.com/u/mauro.drghk)\
**Post date:** [November 23, 2020, 6:45am UTC](https://community.thunkable.com/t/add-scrollable-vertical-bar-on-a-screen-of-a-project-thanks/991631/6 "2020-11-23T06:45:27Z")

</div>

Thanks. It works.

---

<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, 12:21pm UTC](https://community.thunkable.com/t/add-scrollable-vertical-bar-on-a-screen-of-a-project-thanks/991631/7 "2024-11-08T12:21:31Z")

</div>