# Perspective Rotate Label

**URL:** <https://forum.inductiveautomation.com/t/perspective-rotate-label/88751>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [April 12, 2024, 5:52pm UTC](https://forum.inductiveautomation.com/t/perspective-rotate-label/88751 "2024-04-12T17:52:10Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Ryan\_Craig](https://avatars.discourse-cdn.com/v4/letter/r/45deac/32.png) [@Ryan\_Craig](https://forum.inductiveautomation.com/u/Ryan_Craig)\
**Post date:** [April 12, 2024, 5:52pm UTC](https://forum.inductiveautomation.com/t/perspective-rotate-label/88751/1 "2024-04-12T17:52:10Z")

</div>

I am trying to rotate a label on my project 90deg so that it is going up so that it reads like this label:  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/3/e/3ea29d38b9399066110ad2e62753448cfc9ce81c.png)  
but I can't figure out how.

Any ideas?

---

<div class="post-metadata">

**Author:** ![ryan.white](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ryan.white/32/73193_2.png) [@ryan.white](https://forum.inductiveautomation.com/u/ryan.white)\
**Post date:** [April 12, 2024, 6:11pm UTC](https://forum.inductiveautomation.com/t/perspective-rotate-label/88751/2 "2024-04-12T18:11:33Z")

</div>

Try adding the `transform` property to the styles property and give it a value of `rotate(90deg)`.

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [April 12, 2024, 6:12pm UTC](https://forum.inductiveautomation.com/t/perspective-rotate-label/88751/3 "2024-04-12T18:12:01Z")

</div>

`POSITION.rotate.angle : 90deg`

---

<div class="post-metadata">

**Author:** ![Ryan\_Craig](https://avatars.discourse-cdn.com/v4/letter/r/45deac/32.png) [@Ryan\_Craig](https://forum.inductiveautomation.com/u/Ryan_Craig)\
**Post date:** [April 12, 2024, 6:47pm UTC](https://forum.inductiveautomation.com/t/perspective-rotate-label/88751/4 "2024-04-12T18:47:41Z")

</div>

This was my initial thought that I tried and I couldn't get it to work:  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/4/1/41c0192abfb94c89d502b99164d5d4d41a8f9329.png)

---

<div class="post-metadata">

**Author:** ![Ryan\_Craig](https://avatars.discourse-cdn.com/v4/letter/r/45deac/32.png) [@Ryan\_Craig](https://forum.inductiveautomation.com/u/Ryan_Craig)\
**Post date:** [April 12, 2024, 7:02pm UTC](https://forum.inductiveautomation.com/t/perspective-rotate-label/88751/5 "2024-04-12T19:02:11Z")

</div>

I see that you can't do it within a flex container which was my issue. Thanks

---

<div class="post-metadata">

**Author:** ![jlandwerlen](https://avatars.discourse-cdn.com/v4/letter/j/bc8723/32.png) [@jlandwerlen](https://forum.inductiveautomation.com/u/jlandwerlen)\
**Post date:** [April 12, 2024, 7:09pm UTC](https://forum.inductiveautomation.com/t/perspective-rotate-label/88751/6 "2024-04-12T19:09:17Z")

</div>

You can always nest containers, for example a coordinate within a flex.

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [April 12, 2024, 7:14pm UTC](https://forum.inductiveautomation.com/t/perspective-rotate-label/88751/7 "2024-04-12T19:14:33Z")

</div>

> [@Ryan\_Craig](#):
>
> ... you can't do it within a flex container ...

![Label rotate](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/1/814aa11876e979d234239cad39d6f4407b432fca.png)

I just checked it in a flex container in a flex view and it's possible. I haven't had time to figure out what happens to its boundaries.