# Alignment issue

**URL:** <https://forum.adalo.com/t/alignment-issue/43403>\
**Category:** Get Help\
**Created:** [November 20, 2023, 8:55pm UTC](https://forum.adalo.com/t/alignment-issue/43403 "2023-11-20T20:55:28Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Tadzio](https://avatars.discourse-cdn.com/v4/letter/t/c37758/32.png) [@Tadzio](https://forum.adalo.com/u/Tadzio)\
**Post date:** [November 20, 2023, 8:55pm UTC](https://forum.adalo.com/t/alignment-issue/43403/1 "2023-11-20T20:55:28Z")

</div>

I’m trying to create a push notification page but it looks different in TestFlight compared to Preview. While everything is normal in the preview mode, the texts in TestFlight all got shifted up. I already put a rectangle behind everything so not sure why this would happen… My suspicion is that it has to do with the switch because it looks different in IOS than in the Preview mode.

TestFlight

 ![IMG_20D80A6B30AB-1](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/0/5/05c5b277e4a8f8b043c33d5bd69dbd5e76e03e45.jpeg)

Preview

 ![Screenshot 2023-11-20 at 15.54.43](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/e/c/ec3d0992619177a6d8627d1bb4eae845aeb3aef5.png)

---

<div class="post-metadata">

**Author:** ![Rozza](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/rozza/32/22780_2.png) [@Rozza](https://forum.adalo.com/u/Rozza)\
**Post date:** [November 20, 2023, 9:07pm UTC](https://forum.adalo.com/t/alignment-issue/43403/2 "2023-11-20T21:07:18Z")

</div>

Really nice design.  
Are they aligned on center? Or aligned vertically in the parent rectangle?

 ![image](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/6/2/62018be3b476184fbe0751575ca30de9860b5021.png)

I wouldn’t spend too long on it, they both look fine, you could waste a day and still not find your perfect solution.

Anyway… this is a great time to mention design v actions. I have an app with 12 toggles for notifications, if you use a native form then it is one action to update all 12 when the form is submitted. If you use 12 separate toggles or switches, then it is 12 actions. Yours looks nicer though 😉

---

<div class="post-metadata">

**Author:** ![Tadzio](https://avatars.discourse-cdn.com/v4/letter/t/c37758/32.png) [@Tadzio](https://forum.adalo.com/u/Tadzio)\
**Post date:** [November 20, 2023, 9:15pm UTC](https://forum.adalo.com/t/alignment-issue/43403/3 "2023-11-20T21:15:26Z")

</div>

Thanks Rozza! Actually I’m using 1.0 so I don’t see these alignment options.

 ![Screenshot 2023-11-20 at 16.14.33](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/6/3/6396424bba8ec99d2c0fe2732449e3aac44dcceb.png)

---

<div class="post-metadata">

**Author:** ![Rozza](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/rozza/32/22780_2.png) [@Rozza](https://forum.adalo.com/u/Rozza)\
**Post date:** [November 20, 2023, 9:19pm UTC](https://forum.adalo.com/t/alignment-issue/43403/4 "2023-11-20T21:19:54Z")

</div>

OK so you can zoom in and pray that it will snap to the center line as you drag it.

Even after all this it might be that the component aligns differently across web, ios and android.

Instead of trying to get them all perfect, I would try a number of different approaches, do a testflight build and then check which one looks the best, then go back and repeat with that one 👍

---

<div class="post-metadata">

**Author:** ![Tadzio](https://avatars.discourse-cdn.com/v4/letter/t/c37758/32.png) [@Tadzio](https://forum.adalo.com/u/Tadzio)\
**Post date:** [November 20, 2023, 9:21pm UTC](https://forum.adalo.com/t/alignment-issue/43403/5 "2023-11-20T21:21:05Z")

</div>

Will give that a try 🙂

---

<div class="post-metadata">

**Author:** ![system](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/system/32/40401_2.png) [@system](https://forum.adalo.com/u/system)\
**Post date:** [November 30, 2023, 9:21pm UTC](https://forum.adalo.com/t/alignment-issue/43403/6 "2023-11-30T21:21:54Z")

</div>

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.
