# Confused by EdgeOffsets

**URL:** <https://community.thunkable.com/t/confused-by-edgeoffsets/1337989>\
**Category:** Questions about Thunkable X\
**Tags:** beginner\
**Created:** [June 10, 2021, 7:50pm UTC](https://community.thunkable.com/t/confused-by-edgeoffsets/1337989 "2021-06-10T19:50:21Z")\
**Posts on this page:** 5\
**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 10, 2021, 7:50pm UTC](https://community.thunkable.com/t/confused-by-edgeoffsets/1337989/1 "2021-06-10T19:50:21Z")

</div>

EdgeOffsets isn’t a property I’m familiar with and cant find any information on it anywhere. I’m assuming its a way to anchor an element to edges of the screen. If that’s correct, I dont understand why top EdgeOffset 14.8% is anchoring to the bottom of the screen in the preview (although it looks correct in the designer).

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/b/6b3743eedf976a545d79f1f41c9c16c6375324eb.png)  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/b/4bcefbd7b9740972ecbf701db77aaa0dd7b83eb4.png)

If that’s not how EdgeOffset works could you let me know what I’m missing. Thanks!

---

<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 10, 2021, 8:51pm UTC](https://community.thunkable.com/t/confused-by-edgeoffsets/1337989/2 "2021-06-10T20:51:36Z")

</div>

Edge Offsets are not going to show up correctly in the Design tab. When you preview, you should see that the component is offset from the relevant edge of the screen by the amount you specify.

So if you specify an offset of 100 pixels for the `bottom` property, the component’s bottom edge should be 100 pixels from the bottom of the screen. I could be wrong… it could be the component’s center is 100 pixels from the bottom. But one of those is correct!

---

<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 10, 2021, 9:08pm UTC](https://community.thunkable.com/t/confused-by-edgeoffsets/1337989/3 "2021-06-10T21:08:26Z")

</div>

The way it shows in the design tab above is correct for 14.8% from the top but in the preview and the Thunkable app the flamingo is at the bottom.

In this screen, both the Flamgino image and the column on the left have the same top edge offset value

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/5/65ca8ca7105acb9e1a6e133dddf038617365a05d.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:** [June 10, 2021, 9:36pm UTC](https://community.thunkable.com/t/confused-by-edgeoffsets/1337989/4 "2021-06-10T21:36:23Z")

</div>

Sorry, you’re right… the top not the bottom. Make sure you have the positioning set to Absolute.

---

<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/confused-by-edgeoffsets/1337989/5 "2024-11-08T13:20:19Z")

</div>