# Vertical scrolling

**URL:** https://community.thunkable.com/t/vertical-scrolling/1042273
**Category:** Questions about Thunkable X
**Created:** [January 6, 2021, 11:19am UTC](https://community.thunkable.com/t/vertical-scrolling/1042273 "2021-01-06T11:19:24Z")
**Posts on this page:** 11
**Page:** 1

<div class="post-metadata">

### Author: ![lukas\_b\_98knm](https://avatars.discourse-cdn.com/v4/letter/l/f05b48/32.png) [@lukas\_b\_98knm](https://community.thunkable.com/u/lukas_b_98knm)
#### Post date: [January 6, 2021, 11:19am UTC](https://community.thunkable.com/t/vertical-scrolling/1042273/1 "2021-01-06T11:19:24Z")

</div>

Hi,

I do not know how to implement scrolling. It is a simple design, I just have an image with a participate button followed by other images below. However, every time I set an image below the other one, both sizes decrease rather than allowing for scrolling. Please let me know if you have any suggestions.

Thanks,  
Lukas

 ![Screenshot 2021-01-06 at 12.12.02](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/8/5/856859ea4b3703a8ac26f1fcac84594e46fbc63b.png)

---

<div class="post-metadata">

### Author: ![thecodingmasterabeer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/thecodingmasterabeer/32/90158_2.png) [@thecodingmasterabeer](https://community.thunkable.com/u/thecodingmasterabeer)
#### Post date: [January 6, 2021, 11:31am UTC](https://community.thunkable.com/t/vertical-scrolling/1042273/2 "2021-01-06T11:31:06Z")

</div>

Go to the Screen properties, go towards somewhere near the bottom, there is a switch which says ‘Scrollable’. Click on that.

---

<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 6, 2021, 11:32am UTC](https://community.thunkable.com/t/vertical-scrolling/1042273/3 "2021-01-06T11:32:25Z")

</div>

Hi @lukas_b_98knm

> [@lukas\_b\_98knm](#):
>
> both sizes decrease rather than allowing for scrolling.

I’d guess that you have the height of your images set to “fill container”  
Also, what sort of app are you trying to make? The [Data Viewer](https://docs.thunkable.com/data-viewer-list) might be a better fit for you?

---

<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: [January 6, 2021, 12:02pm UTC](https://community.thunkable.com/t/vertical-scrolling/1042273/4 "2021-01-06T12:02:02Z")

</div>

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/3/0314b51f6cbd65d64d17c986b551e717322bf748.png)

---

<div class="post-metadata">

### Author: ![lukas\_b\_98knm](https://avatars.discourse-cdn.com/v4/letter/l/f05b48/32.png) [@lukas\_b\_98knm](https://community.thunkable.com/u/lukas_b_98knm)
#### Post date: [January 6, 2021, 2:30pm UTC](https://community.thunkable.com/t/vertical-scrolling/1042273/5 "2021-01-06T14:30:37Z")

</div>

@drted @domhnallohanlon I have activated “scrollable”. But every time I add a new image it makes the rest smaller. There should only be two pictures visible, the rest only when scrolling.  
Please let me know what I am missing here

 ![Screenshot 2021-01-06 at 15.24.37](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/d/3d87f84dda92696d61312dd8f995b9e54f7f2022.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: [January 6, 2021, 4:35pm UTC](https://community.thunkable.com/t/vertical-scrolling/1042273/6 "2021-01-06T16:35:21Z")

</div>

Change the image component height to an absolute value.

---

<div class="post-metadata">

### Author: ![lukas\_b\_98knm](https://avatars.discourse-cdn.com/v4/letter/l/f05b48/32.png) [@lukas\_b\_98knm](https://community.thunkable.com/u/lukas_b_98knm)
#### Post date: [January 6, 2021, 7:52pm UTC](https://community.thunkable.com/t/vertical-scrolling/1042273/7 "2021-01-06T19:52:24Z")

</div>

Thanks, I tried that but it does not change anything. Sorry if I did not understand your advice correctly.

 ![Screenshot 2021-01-06 at 20.46.49](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/1/6/16f0642fda1d26fd8bcc8d4d103ca3feafb2aab3.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: [January 6, 2021, 8:31pm UTC](https://community.thunkable.com/t/vertical-scrolling/1042273/8 "2021-01-06T20:31:13Z")

</div>

What does the preview look like?

---

<div class="post-metadata">

### Author: ![eko.devs.apploroceo](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eko.devs.apploroceo/32/93147_2.png) [@eko.devs.apploroceo](https://community.thunkable.com/u/eko.devs.apploroceo)
#### Post date: [January 7, 2021, 3:56am UTC](https://community.thunkable.com/t/vertical-scrolling/1042273/9 "2021-01-07T03:56:11Z")

</div>

u mean to do it from data viewer llist?

---

<div class="post-metadata">

### Author: ![lukas\_b\_98knm](https://avatars.discourse-cdn.com/v4/letter/l/f05b48/32.png) [@lukas\_b\_98knm](https://community.thunkable.com/u/lukas_b_98knm)
#### Post date: [January 7, 2021, 7:46am UTC](https://community.thunkable.com/t/vertical-scrolling/1042273/10 "2021-01-07T07:46:56Z")

</div>

I share some screenshots including the preview of how it looks like. Let me know if you know what I can do about it.

Thanks!

 ![Screenshot 2021-01-07 at 08.39.32](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/5/e/5ef86bab814cc7294c9719db2a683339a338a493.jpeg) ![Screenshot 2021-01-07 at 08.40.01](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/1/4/14af41074239d50b4251e58c926375e018e0161a.jpeg) ![Screenshot 2021-01-07 at 08.39.44](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/4/f425cde6771de1804bb7a56eb2e983d996d1d2d2.jpeg) ![Screenshot 2021-01-07 at 08.42.06](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/4/24166bddbb4e4a3fe418f3bf3d646ffd95c1240f.jpeg)

---

<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, 1:31pm UTC](https://community.thunkable.com/t/vertical-scrolling/1042273/11 "2024-11-08T13:31:00Z")

</div>


