# How do I set the width of a label to 100% in the new Drag and Drop interface

**URL:** <https://community.thunkable.com/t/how-do-i-set-the-width-of-a-label-to-100-in-the-new-drag-and-drop-interface/1216937>\
**Category:** Questions about Thunkable X\
**Tags:** design\
**Created:** [April 10, 2021, 8:54pm UTC](https://community.thunkable.com/t/how-do-i-set-the-width-of-a-label-to-100-in-the-new-drag-and-drop-interface/1216937 "2021-04-10T20:54:36Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![andy.burnett5](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/andy.burnett5/32/46544_2.png) [@andy.burnett5](https://community.thunkable.com/u/andy.burnett5)\
**Post date:** [April 10, 2021, 8:54pm UTC](https://community.thunkable.com/t/how-do-i-set-the-width-of-a-label-to-100-in-the-new-drag-and-drop-interface/1216937/1 "2021-04-10T20:54:36Z")

</div>

I want to create a responsive web app. I currently have a label that I am using as a banner at the top of the screen. I want that label to have a width of 100%. I can see how to do that on the old interface, but the new one doesn’t appear to support % widths. What am I missing? Or, if that isn’t currently possible, how do I convert an app back to the old interface?

Cheers  
Andy

---

<div class="post-metadata">

**Author:** ![tony.ycy.program](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tony.ycy.program/32/100153_2.png) [@tony.ycy.program](https://community.thunkable.com/u/tony.ycy.program)\
**Post date:** [April 11, 2021, 4:20am UTC](https://community.thunkable.com/t/how-do-i-set-the-width-of-a-label-to-100-in-the-new-drag-and-drop-interface/1216937/2 "2021-04-11T04:20:10Z")

</div>

> [@andy.burnett5](#):
>
> I want to create a responsive web app. I currently have a label that I am using as a banner at the top of the screen. I want that label to have a width of 100%. I can see how to do that on the old interface, but the new one doesn’t appear to support % widths. What am I missing? Or, if that isn’t currently possible, how do I convert an app back to the old interface?
> 
> Cheers

You can multiply the ratio by the program (there is one to get the length and width of the screen)

---

<div class="post-metadata">

**Author:** ![andy.burnett5](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/andy.burnett5/32/46544_2.png) [@andy.burnett5](https://community.thunkable.com/u/andy.burnett5)\
**Post date:** [April 11, 2021, 4:39pm UTC](https://community.thunkable.com/t/how-do-i-set-the-width-of-a-label-to-100-in-the-new-drag-and-drop-interface/1216937/3 "2021-04-11T16:39:49Z")

</div>

Thanks for the idea. I looked through all the blockers for my ‘header’ label, and although I could see one that would return the computed width, there didn’t seem to be one that allowed me to set the computed width. Could you explain how I could do this in a little more detail?

Cheers  
Andy

---

<div class="post-metadata">

**Author:** ![tony.ycy.program](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tony.ycy.program/32/100153_2.png) [@tony.ycy.program](https://community.thunkable.com/u/tony.ycy.program)\
**Post date:** [October 20, 2021, 10:19am UTC](https://community.thunkable.com/t/how-do-i-set-the-width-of-a-label-to-100-in-the-new-drag-and-drop-interface/1216937/4 "2021-10-20T10:19:09Z")

</div>

In the “device”.

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [October 20, 2021, 10:58am UTC](https://community.thunkable.com/t/how-do-i-set-the-width-of-a-label-to-100-in-the-new-drag-and-drop-interface/1216937/5 "2021-10-20T10:58:33Z")

</div>

Welcome to Thunkable.  
The DnD UI is still in **Beta** and not all functionalities are available. At the moment you will not be able to achieve what you are trying to do. The required blocks are not yet available.

---

<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:25pm UTC](https://community.thunkable.com/t/how-do-i-set-the-width-of-a-label-to-100-in-the-new-drag-and-drop-interface/1216937/6 "2024-11-08T13:25:22Z")

</div>


