# Button Sizes and Screens

**URL:** <https://community.thunkable.com/t/button-sizes-and-screens/3016519>\
**Category:** Questions about Thunkable X\
**Tags:** draganddrop\
**Created:** [May 21, 2024, 7:54pm UTC](https://community.thunkable.com/t/button-sizes-and-screens/3016519 "2024-05-21T19:54:27Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![christian.noblem](https://avatars.discourse-cdn.com/v4/letter/c/9f8e36/32.png) [@christian.noblem](https://community.thunkable.com/u/christian.noblem)\
**Post date:** [May 21, 2024, 7:54pm UTC](https://community.thunkable.com/t/button-sizes-and-screens/3016519/1 "2024-05-21T19:54:27Z")

</div>

I’m having difficulty setting the size of buttons to mirror other screens without this issue.

The project is here: [Thunkable](https://x.thunkable.com/copy/7121ba832d59e3aa95f158770c04d843)

The offending page is LegalHelpVideoLibraryTopics, and the good page is LegalHelpVideoLibraryBasics.

I have the same layout settings for each:

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/8/381318a9a38a8ad59b16d24eba93b9e77aae7a33.png)

The same container settings:

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/b/fbef17c8920b80fd4384b315a8c2ca689fa001fb.png)

And the same button settings:

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/c/6c9515695909b2f28d5382552361ff4cab4a5420.png)

But the buttons cut off the right page with the same settings:

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/4/74f6ad6cce0270e8ea43d05cf49702eea76fcbce.jpeg)

Thoughts?

---

<div class="post-metadata">

**Author:** ![tiny\_apps](https://avatars.discourse-cdn.com/v4/letter/t/3d9bf3/32.png) [@tiny\_apps](https://community.thunkable.com/u/tiny_apps)\
**Post date:** [May 21, 2024, 8:09pm UTC](https://community.thunkable.com/t/button-sizes-and-screens/3016519/2 "2024-05-21T20:09:24Z")

</div>

Can you post component tree of both pages…

I would imagine you need to set height of container too fit content.

Also check if you have anything in the blocks.

---

<div class="post-metadata">

**Author:** ![christian.noblem](https://avatars.discourse-cdn.com/v4/letter/c/9f8e36/32.png) [@christian.noblem](https://community.thunkable.com/u/christian.noblem)\
**Post date:** [May 22, 2024, 4:17pm UTC](https://community.thunkable.com/t/button-sizes-and-screens/3016519/3 "2024-05-22T16:17:14Z")

</div>

The working page is here:

 ![Tree - Basics](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/c/6cc684e2a6ae50c9ff2ab9a9285f2d2465295558.jpeg)

The one that does not work is here:

 ![Tree - Topics](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/b/6b25b2fe5625274fb62b51cdf348e9eab90ac27a.jpeg)

The blocks in question are 2 buttons per container.

---

<div class="post-metadata">

**Author:** ![tiny\_apps](https://avatars.discourse-cdn.com/v4/letter/t/3d9bf3/32.png) [@tiny\_apps](https://community.thunkable.com/u/tiny_apps)\
**Post date:** [May 23, 2024, 2:54am UTC](https://community.thunkable.com/t/button-sizes-and-screens/3016519/4 "2024-05-23T02:54:42Z")

</div>

Wow that’s so many buttons and containers… sorry it’s very difficult to scan through.

Can you share the project?

Can you confirm The container which has squeeze button is still scrollable?

---

<div class="post-metadata">

**Author:** ![christian.noblem](https://avatars.discourse-cdn.com/v4/letter/c/9f8e36/32.png) [@christian.noblem](https://community.thunkable.com/u/christian.noblem)\
**Post date:** [May 23, 2024, 1:37pm UTC](https://community.thunkable.com/t/button-sizes-and-screens/3016519/5 "2024-05-23T13:37:15Z")

</div>

Sure, the project is accessible here: [Thunkable](https://x.thunkable.com/copy/7121ba832d59e3aa95f158770c04d843)

I can confirm everything scrolls as expected.

---

<div class="post-metadata">

**Author:** ![tiny\_apps](https://avatars.discourse-cdn.com/v4/letter/t/3d9bf3/32.png) [@tiny\_apps](https://community.thunkable.com/u/tiny_apps)\
**Post date:** [May 23, 2024, 4:10pm UTC](https://community.thunkable.com/t/button-sizes-and-screens/3016519/6 "2024-05-23T16:10:14Z")

</div>

This is my preview for the screen wit container 9 … and second image with container 1

I dont see button being cut

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/2/02366fa7e3b19683344c1d1623d936a6b0c04fac.jpeg)  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/a/7a828daa4a2d18b0de9ceef2547acbe45407ae86.jpeg)

am I missing something. I did change width of container 9 to fill container

---

<div class="post-metadata">

**Author:** ![christian.noblem](https://avatars.discourse-cdn.com/v4/letter/c/9f8e36/32.png) [@christian.noblem](https://community.thunkable.com/u/christian.noblem)\
**Post date:** [May 30, 2024, 1:03pm UTC](https://community.thunkable.com/t/button-sizes-and-screens/3016519/7 "2024-05-30T13:03:52Z")

</div>

> [@tiny\_apps](#):
>
> I did change width of container 9 to fill container

I also tried the change mentioned and received similar results in the web preview:

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/c/6/c6b64c12c8ea7120893672b08b49ddb7ecb30c2d.jpeg)

But it’s now completely cut off in the on-device preview:

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

---

<div class="post-metadata">

**Author:** ![tiny\_apps](https://avatars.discourse-cdn.com/v4/letter/t/3d9bf3/32.png) [@tiny\_apps](https://community.thunkable.com/u/tiny_apps)\
**Post date:** [May 30, 2024, 2:23pm UTC](https://community.thunkable.com/t/button-sizes-and-screens/3016519/8 "2024-05-30T14:23:55Z")

</div>

Can you please highlight cut portion you are talking about… also what device are you using?

You may want to try float in place instead of stretch

---

<div class="post-metadata">

**Author:** ![christian.noblem](https://avatars.discourse-cdn.com/v4/letter/c/9f8e36/32.png) [@christian.noblem](https://community.thunkable.com/u/christian.noblem)\
**Post date:** [May 30, 2024, 7:22pm UTC](https://community.thunkable.com/t/button-sizes-and-screens/3016519/9 "2024-05-30T19:22:58Z")

</div>

Through some trial and error, I noticed when I change the labels and their respective containers to “Fit Contents”, the buttons appear in their entirety.

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/6/36933d89e8d550df6d626d001e3a7eb544f97f2e.png)

@tiny_apps Thank you for troubleshooting along with me.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/f/0f59f292712368bce16ff80133ae10de8a6f27e8.png) [@system](https://community.thunkable.com/u/system)\
**Post date:** [August 28, 2024, 7:23pm UTC](https://community.thunkable.com/t/button-sizes-and-screens/3016519/10 "2024-08-28T19:23:08Z")

</div>

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.
