# How do i SET a buttons width size 100% in Blocks view?

**URL:** <https://community.thunkable.com/t/how-do-i-set-a-buttons-width-size-100-in-blocks-view/2425729>\
**Category:** Issues / Bugs\
**Created:** [May 19, 2023, 6:00am UTC](https://community.thunkable.com/t/how-do-i-set-a-buttons-width-size-100-in-blocks-view/2425729 "2023-05-19T06:00:09Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![stefansladdeneng1](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/stefansladdeneng1/32/170123_2.png) [@stefansladdeneng1](https://community.thunkable.com/u/stefansladdeneng1)\
**Post date:** [May 19, 2023, 6:00am UTC](https://community.thunkable.com/t/how-do-i-set-a-buttons-width-size-100-in-blocks-view/2425729/1 "2023-05-19T06:00:09Z")

</div>

How do i SET a buttons width size 100% in Blocks view?  
I cant use the blue numbers blick as it not accept a % sign  
And if i use 100% in a text box - nothing happens.  
I guess, somehow it should work as its in the documentation  
Please advice  
Cheers

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/9/69be3b34b8e263ce05441c5388e5cf12b5311065.png)  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/f/4fe5deaf48cc0e43b5b94c37855f66c420530c3f.png)

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [May 19, 2023, 6:03am UTC](https://community.thunkable.com/t/how-do-i-set-a-buttons-width-size-100-in-blocks-view/2425729/2 "2023-05-19T06:03:04Z")

</div>

It’s a common mistake to think that you can set all components with a single “set” block. You can’t. Try setting a single button’s width to 100% and see if that works. And if it does, you can then use the “all button in” block along with a list block to get the first item in the list of “all button in”. And then use a loop to get all of them.

---

<div class="post-metadata">

**Author:** ![stefansladdeneng1](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/stefansladdeneng1/32/170123_2.png) [@stefansladdeneng1](https://community.thunkable.com/u/stefansladdeneng1)\
**Post date:** [May 19, 2023, 6:12am UTC](https://community.thunkable.com/t/how-do-i-set-a-buttons-width-size-100-in-blocks-view/2425729/3 "2023-05-19T06:12:27Z")

</div>

But how do i set one single button to be 100\*\*%\*\* (rather than px - which is default) with blocks view?

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [May 19, 2023, 6:24am UTC](https://community.thunkable.com/t/how-do-i-set-a-buttons-width-size-100-in-blocks-view/2425729/4 "2023-05-19T06:24:01Z")

</div>

I was just pointing out a problem with your logic. But I tried myself after that and I don’t think you can set the width of a button by percentage. You used to be able to, I think, by setting the width to any percentage in the button’s properties panel and then using blocks to change it to a different percent.

But because there doesn’t seem to be a way to set a button’s width to a percentage in the properties panel any more, I don’t think that method will work.

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [May 19, 2023, 6:26am UTC](https://community.thunkable.com/t/how-do-i-set-a-buttons-width-size-100-in-blocks-view/2425729/5 "2023-05-19T06:26:09Z")

</div>

This will set a single button’s width to 100% of the screen width:

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

(Ignore the screen’s name… it was a demo for someone else)

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [May 19, 2023, 6:30am UTC](https://community.thunkable.com/t/how-do-i-set-a-buttons-width-size-100-in-blocks-view/2425729/6 "2023-05-19T06:30:41Z")

</div>

This works for all buttons in a screen:

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

It needs the Wait block because the screen’s Computer Width isn’t available immediately when it opens. It worked for me with a Wait 0 seconds block. But I’d be sure to test it on various devices.

---

<div class="post-metadata">

**Author:** ![stefansladdeneng1](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/stefansladdeneng1/32/170123_2.png) [@stefansladdeneng1](https://community.thunkable.com/u/stefansladdeneng1)\
**Post date:** [May 19, 2023, 8:08am UTC](https://community.thunkable.com/t/how-do-i-set-a-buttons-width-size-100-in-blocks-view/2425729/7 "2023-05-19T08:08:10Z")

</div>

Aha ok…  
Tricky thing this … Really…  
What is actually “Computed” width mean?

---

<div class="post-metadata">

**Author:** ![stefansladdeneng1](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/stefansladdeneng1/32/170123_2.png) [@stefansladdeneng1](https://community.thunkable.com/u/stefansladdeneng1)\
**Post date:** [May 19, 2023, 8:15am UTC](https://community.thunkable.com/t/how-do-i-set-a-buttons-width-size-100-in-blocks-view/2425729/8 "2023-05-19T08:15:55Z")

</div>

And a little PS - Should not the Layout component (Beta) be possible to set to Screen Width and Hight in percentage ? No you can set Rows/Columns and Objects… but i am missing it for the layout it self…

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [May 19, 2023, 3:15pm UTC](https://community.thunkable.com/t/how-do-i-set-a-buttons-width-size-100-in-blocks-view/2425729/9 "2023-05-19T15:15:58Z")

</div>

I think it’s the width of the device’s screen rather than the Thunkable project screen width. See this: [Get calculated width/height block - #3 by actech](https://community.thunkable.com/t/get-calculated-width-height-block/514243/3)

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [May 19, 2023, 3:16pm UTC](https://community.thunkable.com/t/how-do-i-set-a-buttons-width-size-100-in-blocks-view/2425729/10 "2023-05-19T15:16:07Z")

</div>

Yes!

---

<div class="post-metadata">

**Author:** ![stefansladdeneng1](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/stefansladdeneng1/32/170123_2.png) [@stefansladdeneng1](https://community.thunkable.com/u/stefansladdeneng1)\
**Post date:** [May 19, 2023, 3:50pm UTC](https://community.thunkable.com/t/how-do-i-set-a-buttons-width-size-100-in-blocks-view/2425729/11 "2023-05-19T15:50:38Z")

</div>

So you miss that too…or… ;-D

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [May 19, 2023, 4:00pm UTC](https://community.thunkable.com/t/how-do-i-set-a-buttons-width-size-100-in-blocks-view/2425729/12 "2023-05-19T16:00:46Z")

</div>

I do!

---

<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:33pm UTC](https://community.thunkable.com/t/how-do-i-set-a-buttons-width-size-100-in-blocks-view/2425729/13 "2024-11-08T13:33:50Z")

</div>


