# Any tutorials on positioning and sizing?

**URL:** <https://community.thunkable.com/t/any-tutorials-on-positioning-and-sizing/1333842>\
**Category:** Questions about Thunkable X\
**Tags:** beginner\
**Created:** [June 8, 2021, 11:37pm UTC](https://community.thunkable.com/t/any-tutorials-on-positioning-and-sizing/1333842 "2021-06-08T23:37:58Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![jamalssl8u](https://avatars.discourse-cdn.com/v4/letter/j/7ab992/32.png) [@jamalssl8u](https://community.thunkable.com/u/jamalssl8u)\
**Post date:** [June 8, 2021, 11:37pm UTC](https://community.thunkable.com/t/any-tutorials-on-positioning-and-sizing/1333842/1 "2021-06-08T23:37:58Z")

</div>

Just found Thunkable today and so far I’m loving it over previous DnD app builders!

One thing I’m scratching my head over is sizing and positioning. Is there no way to set these properties in Thunkable X?

I’ve got just enough skill that I can handle this in source code once I’ve finished the project but I’d like to avoid it if I can?

---

<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:** [June 8, 2021, 11:59pm UTC](https://community.thunkable.com/t/any-tutorials-on-positioning-and-sizing/1333842/2 "2021-06-08T23:59:52Z")

</div>

Which interface are you using?

---

<div class="post-metadata">

**Author:** ![jamalssl8u](https://avatars.discourse-cdn.com/v4/letter/j/7ab992/32.png) [@jamalssl8u](https://community.thunkable.com/u/jamalssl8u)\
**Post date:** [June 9, 2021, 6:51am UTC](https://community.thunkable.com/t/any-tutorials-on-positioning-and-sizing/1333842/3 "2021-06-09T06:51:17Z")

</div>

Thunkable X

---

<div class="post-metadata">

**Author:** ![codeswept](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/codeswept/32/87755_2.png) [@codeswept](https://community.thunkable.com/u/codeswept)\
**Post date:** [June 9, 2021, 6:53am UTC](https://community.thunkable.com/t/any-tutorials-on-positioning-and-sizing/1333842/4 "2021-06-09T06:53:36Z")

</div>

By that, she means: are you using the Legacy UI or the Drag N Drop Beta UI?

---

<div class="post-metadata">

**Author:** ![jamalssl8u](https://avatars.discourse-cdn.com/v4/letter/j/7ab992/32.png) [@jamalssl8u](https://community.thunkable.com/u/jamalssl8u)\
**Post date:** [June 9, 2021, 7:32am UTC](https://community.thunkable.com/t/any-tutorials-on-positioning-and-sizing/1333842/5 "2021-06-09T07:32:25Z")

</div>

I’m fairly sure Drag & Drop but I’m new here so I’ve attached a picture of my screen

EDIT: I’ve just seen in the settings it is DnD

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

---

<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:** [June 9, 2021, 7:40am UTC](https://community.thunkable.com/t/any-tutorials-on-positioning-and-sizing/1333842/6 "2021-06-09T07:40:45Z")

</div>

Are you wanting to set the size and position of components dynamically using blocks? Can you give an example of something specific you’re wanting to do?

---

<div class="post-metadata">

**Author:** ![jamalssl8u](https://avatars.discourse-cdn.com/v4/letter/j/7ab992/32.png) [@jamalssl8u](https://community.thunkable.com/u/jamalssl8u)\
**Post date:** [June 9, 2021, 8:05am UTC](https://community.thunkable.com/t/any-tutorials-on-positioning-and-sizing/1333842/7 "2021-06-09T08:05:51Z")

</div>

Yes that’s basically the gist. I’ve already created my layouts in Figma using iPhone 12 Pro frame sizes (390 x 844) and set all the element constraints there and I’d just like to re-add the constraints so the elements can size and position dynamically.

For example in this screen the window PNG overlaps into the top nav bar which is fine but on a taller screen the window should sit just underneath the nav bar.

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

---

<div class="post-metadata">

**Author:** ![jamalssl8u](https://avatars.discourse-cdn.com/v4/letter/j/7ab992/32.png) [@jamalssl8u](https://community.thunkable.com/u/jamalssl8u)\
**Post date:** [June 9, 2021, 9:13am UTC](https://community.thunkable.com/t/any-tutorials-on-positioning-and-sizing/1333842/8 "2021-06-09T09:13:35Z")

</div>

Thanks! I didn’t realize there were two different UIs. I’m much happier with the Legacy UI!

---

<div class="post-metadata">

**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\
**Post date:** [June 9, 2021, 12:19pm UTC](https://community.thunkable.com/t/any-tutorials-on-positioning-and-sizing/1333842/9 "2021-06-09T12:19:45Z")

</div>

> [@jamalssl8u](#):
>
> I’ve already created my layouts in Figma using iPhone 12 Pro frame sizes

You can actually important a design directly from  
Figma if you use the new DnD editor @jamalssl8u

Your design looks great, can you tell us a little more about the app you’re working on?

---

<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:20pm UTC](https://community.thunkable.com/t/any-tutorials-on-positioning-and-sizing/1333842/10 "2024-11-08T13:20:22Z")

</div>


