# Help with layout?

**URL:** <https://community.thunkable.com/t/help-with-layout/224709>\
**Category:** Questions about Thunkable X\
**Created:** [September 13, 2019, 8:07am UTC](https://community.thunkable.com/t/help-with-layout/224709 "2019-09-13T08:07:56Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![wrybread](https://avatars.discourse-cdn.com/v4/letter/w/c89c15/32.png) [@wrybread](https://community.thunkable.com/u/wrybread)\
**Post date:** [September 13, 2019, 8:07am UTC](https://community.thunkable.com/t/help-with-layout/224709/1 "2019-09-13T08:07:57Z")

</div>

I’m new to Thunkable, and trying to make a scrolling group of buttons. Here’s my test layout:

[https://x.thunkable.com/copy/57099cc2af8e5bf15cc2df2caa2b49ea](https://x.thunkable.com/copy/57099cc2af8e5bf15cc2df2caa2b49ea)

I’d like to keep that top button (the “stop” button) and the white “Now Playing” text at botom visible at all times, and the panel with the blue buttons should be scrollable. I don’t imagine anyone has any tips?

Here’s a screenshot:

 ![Screenshot_20190913-100445_Thunkable](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/4/944aa802a081c72bd0ae695acbe60d5bb0a40af7.jpeg)

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [September 13, 2019, 9:02am UTC](https://community.thunkable.com/t/help-with-layout/224709/2 "2019-09-13T09:02:32Z")

</div>

Having trouble dragging a “STOP” button down?

Try dragging it by pressing the Alt key or drag it in the component tree under Column1

---

<div class="post-metadata">

**Author:** ![wrybread](https://avatars.discourse-cdn.com/v4/letter/w/c89c15/32.png) [@wrybread](https://community.thunkable.com/u/wrybread)\
**Post date:** [September 13, 2019, 9:04am UTC](https://community.thunkable.com/t/help-with-layout/224709/3 "2019-09-13T09:04:45Z")

</div>

I’m having trouble scrolling all those blue buttons in the middle. In that screenshot you can see up to button 14, but I’d like to have (for example) 20 buttons, the same size as the ones visible there, that scroll.

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [September 13, 2019, 9:06am UTC](https://community.thunkable.com/t/help-with-layout/224709/4 "2019-09-13T09:06:53Z")

</div>

Set Vertical Alignment = top for Column1

[https://x.thunkable.com/projects/5d7b59d234585deca5f5fa08/project/properties/designer/](https://x.thunkable.com/projects/5d7b59d234585deca5f5fa08/project/properties/designer/)

---

<div class="post-metadata">

**Author:** ![Fernando\_Matos](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/fernando_matos/32/30641_2.png) [@Fernando\_Matos](https://community.thunkable.com/u/Fernando_Matos)\
**Post date:** [September 13, 2019, 9:19am UTC](https://community.thunkable.com/t/help-with-layout/224709/5 "2019-09-13T09:19:15Z")

</div>

[https://x.thunkable.com/copy/dd12728c7423027af5f7c5df524ceafc](https://x.thunkable.com/copy/dd12728c7423027af5f7c5df524ceafc)

the problem was that screen 1 was scrolling, so everything on screen scrolled! is solved!

---

<div class="post-metadata">

**Author:** ![wrybread](https://avatars.discourse-cdn.com/v4/letter/w/c89c15/32.png) [@wrybread](https://community.thunkable.com/u/wrybread)\
**Post date:** [September 13, 2019, 9:19am UTC](https://community.thunkable.com/t/help-with-layout/224709/6 "2019-09-13T09:19:26Z")

</div>

@actech, that didn’t work for me, including running your version directly.

To be clear, I want the STOP and “nowplaying” assets to remain in place, while scrolling the buttons up/down. In your sample nothing is scrolling for me at all.

And note that I’m not talking about the authoring environment, I’m talking about in the compiled app.

---

<div class="post-metadata">

**Author:** ![wrybread](https://avatars.discourse-cdn.com/v4/letter/w/c89c15/32.png) [@wrybread](https://community.thunkable.com/u/wrybread)\
**Post date:** [September 13, 2019, 9:30am UTC](https://community.thunkable.com/t/help-with-layout/224709/7 "2019-09-13T09:30:31Z")

</div>

Aha, thank you!

So to confirm, the changes you made:

- make my screen not scrollable
- set my column to scrollable
- set the height of my column to “fit contents”

I notice you put the STOP button into a row. Is that necessary too? Or just general good practice?

---

<div class="post-metadata">

**Author:** ![wrybread](https://avatars.discourse-cdn.com/v4/letter/w/c89c15/32.png) [@wrybread](https://community.thunkable.com/u/wrybread)\
**Post date:** [September 13, 2019, 9:34am UTC](https://community.thunkable.com/t/help-with-layout/224709/8 "2019-09-13T09:34:55Z")

</div>

And one problem I’m having now is that I can’t see the top buttons in the editing interface. Do you have that issue too? And any idea how to fix it?

---

<div class="post-metadata">

**Author:** ![Fernando\_Matos](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/fernando_matos/32/30641_2.png) [@Fernando\_Matos](https://community.thunkable.com/u/Fernando_Matos)\
**Post date:** [September 13, 2019, 9:40am UTC](https://community.thunkable.com/t/help-with-layout/224709/9 "2019-09-13T09:40:54Z")

</div>

yes just general good practice.  
the button is there. in your block have: when click butao stop set text to? and the text block is empty. did i understand myself?

 ![fsxthxtd](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/6/3602a15db35d2e5496ad2baae9ca662494332d0f.png)

---

<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:09pm UTC](https://community.thunkable.com/t/help-with-layout/224709/10 "2024-11-08T12:09:04Z")

</div>


