# How do you use relative sizing

**URL:** https://community.thunkable.com/t/how-do-you-use-relative-sizing/1394017
**Category:** Questions about Thunkable X
**Tags:** beginner
**Created:** [July 13, 2021, 9:39am UTC](https://community.thunkable.com/t/how-do-you-use-relative-sizing/1394017 "2021-07-13T09:39:48Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![dinocar621cfc](https://avatars.discourse-cdn.com/v4/letter/d/919ad9/32.png) [@dinocar621cfc](https://community.thunkable.com/u/dinocar621cfc)
#### Post date: [July 13, 2021, 9:39am UTC](https://community.thunkable.com/t/how-do-you-use-relative-sizing/1394017/1 "2021-07-13T09:39:48Z")

</div>

I am new to thunkable and have made quite a complex but working app. However, when testing on a device with a different size, the components were all messed up. From research such as through thunkable docs I realise that my components must be set as “relative size”. However, I cannot see where I can set these properties, and all examples I have found seem to be outdated/different as I cannot see these options anywhere.

Any help is much appreciated.

“image of where I have searched for this option”

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

---

<div class="post-metadata">

### Author: ![dinocar621cfc](https://avatars.discourse-cdn.com/v4/letter/d/919ad9/32.png) [@dinocar621cfc](https://community.thunkable.com/u/dinocar621cfc)
#### Post date: [July 13, 2021, 9:55am UTC](https://community.thunkable.com/t/how-do-you-use-relative-sizing/1394017/2 "2021-07-13T09:55:41Z")

</div>

I have just realised this is because I have used the drag and drop interface. Is there any documentation on the new interface or can I convert my project to the older one, so I can finish and publish my app

---

<div class="post-metadata">

### Author: ![sketch](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sketch/32/109058_2.png) [@sketch](https://community.thunkable.com/u/sketch)
#### Post date: [July 13, 2021, 10:06am UTC](https://community.thunkable.com/t/how-do-you-use-relative-sizing/1394017/3 "2021-07-13T10:06:55Z")

</div>

You can’t convert to the older one.  
Only When creating a new project.  
Also as far as i know the new ui already uses relative sizing as default.

---

<div class="post-metadata">

### Author: ![catsarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/catsarisky/32/100661_2.png) [@catsarisky](https://community.thunkable.com/u/catsarisky)
#### Post date: [July 13, 2021, 10:13am UTC](https://community.thunkable.com/t/how-do-you-use-relative-sizing/1394017/4 "2021-07-13T10:13:04Z")

</div>

Are you maybe using the drag and drop designer? Yep.

There’s no backward conversion, but you /can/ import a saved screen from the old designer into the new one, which sounds weird but seems to work to give you an old style layout if you need it within a new project.

---

<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: [July 13, 2021, 11:58am UTC](https://community.thunkable.com/t/how-do-you-use-relative-sizing/1394017/5 "2021-07-13T11:58:40Z")

</div>

> [@catsarisky](#):
>
> but you /can/ import a saved screen from the old designer into the new one

I believe Thunkable developers removed the option to import “saved screen” from the DnD menu. I could not find it the last time I wanted to do such.

---

<div class="post-metadata">

### Author: ![catsarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/catsarisky/32/100661_2.png) [@catsarisky](https://community.thunkable.com/u/catsarisky)
#### Post date: [July 13, 2021, 12:05pm UTC](https://community.thunkable.com/t/how-do-you-use-relative-sizing/1394017/6 "2021-07-13T12:05:42Z")

</div>

Oh, that’s unfortunate! More reasons I’m not switching to drag and drop any time soon.

---

<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:19pm UTC](https://community.thunkable.com/t/how-do-you-use-relative-sizing/1394017/7 "2024-11-08T13:19:48Z")

</div>


