# Using landscape mode in the new UI

**URL:** <https://community.thunkable.com/t/using-landscape-mode-in-the-new-ui/1042212>\
**Category:** Questions about Thunkable X\
**Tags:** draganddrop\
**Created:** [January 3, 2021, 4:36pm UTC](https://community.thunkable.com/t/using-landscape-mode-in-the-new-ui/1042212 "2021-01-03T16:36:25Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![cyberdriver](https://avatars.discourse-cdn.com/v4/letter/c/5e9695/32.png) [@cyberdriver](https://community.thunkable.com/u/cyberdriver)\
**Post date:** [January 3, 2021, 4:36pm UTC](https://community.thunkable.com/t/using-landscape-mode-in-the-new-ui/1042212/1 "2021-01-03T16:36:25Z")

</div>

When using a label in the new ui with the screen set to landscape orientation, the text is stretched and does not look good. Please take a look.

---

<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:** [January 5, 2021, 12:08pm UTC](https://community.thunkable.com/t/using-landscape-mode-in-the-new-ui/1042212/2 "2021-01-05T12:08:34Z")

</div>

Thanks @cyberdriver, do mind sharing some quick screenshots of portrait/landscape for comparison?

Also, can you fill us in on what sort of app you’re trying to build? Does it need the ability to back and forth between screen orientations right away?

Thanks

---

<div class="post-metadata">

**Author:** ![cyberdriver](https://avatars.discourse-cdn.com/v4/letter/c/5e9695/32.png) [@cyberdriver](https://community.thunkable.com/u/cyberdriver)\
**Post date:** [January 5, 2021, 12:25pm UTC](https://community.thunkable.com/t/using-landscape-mode-in-the-new-ui/1042212/3 "2021-01-05T12:25:46Z")

</div>

Thanks for replying. I am having another issue with the landscape mode take a look in the screen shots. Some times when I put it in landscape it does the first thing shown in the first image and some times it does what is shown in the second image. I want it to do the second image but you can see the text is stretched. I am making a barcode scanner type application. I am have trouble and glitches with barcodes in the old editor which is why I’m using the new ui. Thanks!

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/0/f0793825b748ee716712dde2ae32e27e63c78711.png) ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/b/2b39d173132c0435c65fc476d1e961a3c6ee3e72.png)

---

<div class="post-metadata">

**Author:** ![eko.devs.apploroceo](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eko.devs.apploroceo/32/93147_2.png) [@eko.devs.apploroceo](https://community.thunkable.com/u/eko.devs.apploroceo)\
**Post date:** [January 4, 2021, 4:15am UTC](https://community.thunkable.com/t/using-landscape-mode-in-the-new-ui/1042212/4 "2021-01-04T04:15:37Z")

</div>

SOB SOB  
i thought while making landscape game in designer it will invert like that but it doesn’t

---

<div class="post-metadata">

**Author:** ![caminostudio](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/caminostudio/32/74734_2.png) [@caminostudio](https://community.thunkable.com/u/caminostudio)\
**Post date:** [January 4, 2021, 11:23am UTC](https://community.thunkable.com/t/using-landscape-mode-in-the-new-ui/1042212/5 "2021-01-04T11:23:01Z")

</div>

I miss it too. I build responsive web apps.

---

<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:** [January 5, 2021, 12:56pm UTC](https://community.thunkable.com/t/using-landscape-mode-in-the-new-ui/1042212/6 "2021-01-05T12:56:53Z")

</div>

> [@cyberdriver](#):
>
> Some times when I put it in landscape it does the first thing shown in the first image and some times it does what is shown in the second image

Got it - that seems confusing alright. Looks like this is on Thunkable Live - have you tried installing it on your iPhone?

* * *

> [@cyberdriver](#):
>
> I am making a barcode scanner type application

For your specific use case - wondering if you really _need_ landscape mode for barcode scanning? For me, portrait mode would feel more “natural” I think.

---

<div class="post-metadata">

**Author:** ![kadiyalakalyanister9](https://avatars.discourse-cdn.com/v4/letter/k/e9c0ed/32.png) [@kadiyalakalyanister9](https://community.thunkable.com/u/kadiyalakalyanister9)\
**Post date:** [March 5, 2021, 4:18am UTC](https://community.thunkable.com/t/using-landscape-mode-in-the-new-ui/1042212/7 "2021-03-05T04:18:14Z")

</div>

Hi…  
Even i am facing the same landscape issue in the app i am designing. Though i change screen orientation to landscape it’s still in the portrait mode. So then i should adjust pictures or text in portrait mode only and check in thunkable live as in live it’s showing in landscape mode please try to look at this problem. Here are some of the pictures for better understanding.

 ![portrait Image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/d/4/d42af4babd7762d6a9c5bfdbd8e7362ed4c6d130.jpeg)  
 ![WhatsApp Image 2021-03-05 at 9.44.02 AM (1)](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/b/9bcd11c0f7533cf8c3b7b26113865316bb90f524.jpeg)  
Thank you

---

<div class="post-metadata">

**Author:** ![eko.devs.apploroceo](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eko.devs.apploroceo/32/93147_2.png) [@eko.devs.apploroceo](https://community.thunkable.com/u/eko.devs.apploroceo)\
**Post date:** [March 5, 2021, 4:55am UTC](https://community.thunkable.com/t/using-landscape-mode-in-the-new-ui/1042212/8 "2021-03-05T04:55:02Z")

</div>

results in web and phone are same always

---

<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:** [May 21, 2021, 1:51pm UTC](https://community.thunkable.com/t/using-landscape-mode-in-the-new-ui/1042212/9 "2021-05-21T13:51:54Z")

</div>

@cyberdriver @caminostudio @kadiyalakalyanister9

I think this is stretching/squashing was related to this issue ([Issues with component placement and alignment in the new UI](https://community.thunkable.com/t/issues-with-component-placement-and-alignment-in-the-new-ui/1041648)) which we’ve now fixed.

Can you take a look at let us know?

---

<div class="post-metadata">

**Author:** ![cyberdriver](https://avatars.discourse-cdn.com/v4/letter/c/5e9695/32.png) [@cyberdriver](https://community.thunkable.com/u/cyberdriver)\
**Post date:** [May 21, 2021, 2:26pm UTC](https://community.thunkable.com/t/using-landscape-mode-in-the-new-ui/1042212/10 "2021-05-21T14:26:00Z")

</div>

I don’t have this issue anymore.

---

<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:31pm UTC](https://community.thunkable.com/t/using-landscape-mode-in-the-new-ui/1042212/11 "2024-11-08T13:31:05Z")

</div>


