# Change the orientation of the tabs from horizontal to vertical on Perspective View Tab Containers

**URL:** <https://forum.inductiveautomation.com/t/change-the-orientation-of-the-tabs-from-horizontal-to-vertical-on-perspective-view-tab-containers/45096>\
**Category:** Ignition\
**Tags:** perspective, ignition80\
**Created:** [March 31, 2021, 5:21am UTC](https://forum.inductiveautomation.com/t/change-the-orientation-of-the-tabs-from-horizontal-to-vertical-on-perspective-view-tab-containers/45096 "2021-03-31T05:21:31Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Fredz](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/fredz/32/4004_2.png) [@Fredz](https://forum.inductiveautomation.com/u/Fredz)\
**Post date:** [March 31, 2021, 5:21am UTC](https://forum.inductiveautomation.com/t/change-the-orientation-of-the-tabs-from-horizontal-to-vertical-on-perspective-view-tab-containers/45096/1 "2021-03-31T05:21:31Z")

</div>

How to change the orientation of the tabs from horizontal to vertical on Perspective View Tab Containers?

---

<div class="post-metadata">

**Author:** ![matthew.ayre](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/matthew.ayre/32/19499_2.png) [@matthew.ayre](https://forum.inductiveautomation.com/u/matthew.ayre)\
**Post date:** [March 31, 2021, 7:47pm UTC](https://forum.inductiveautomation.com/t/change-the-orientation-of-the-tabs-from-horizontal-to-vertical-on-perspective-view-tab-containers/45096/2 "2021-03-31T19:47:38Z")

</div>

Hi @Fredz, is this what you are after?

 ![Example](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/e/6e8e6aa9198ca0f53d4228d05a5b7544a402eaab.jpeg)

In short, there is no way to do this ‘gracefully’. I messed about with adding a rotate transform in the styles:

![Example2](https://us1.discourse-cdn.com/inductiveautomation/original/3X/c/f/cf6fe7418dd06d19d4bc5fdd6facb2db14b76997.jpeg)

However, you have to embed it with a flex container that is rotated the opposite way. This could get messy quickly and would be difficult to get all the props right to meet your exact specification (text orientation etc.)

The preferred method is probably to use a flex container and a Menu Tree component:

 ![Example3](https://us1.discourse-cdn.com/inductiveautomation/original/3X/c/3/c3fdff978d590f3dffc3ae8fa8bfcd64b23ec42b.jpeg)

---

<div class="post-metadata">

**Author:** ![hewking32](https://avatars.discourse-cdn.com/v4/letter/h/b5ac83/32.png) [@hewking32](https://forum.inductiveautomation.com/u/hewking32)\
**Post date:** [July 24, 2023, 9:59am UTC](https://forum.inductiveautomation.com/t/change-the-orientation-of-the-tabs-from-horizontal-to-vertical-on-perspective-view-tab-containers/45096/3 "2023-07-24T09:59:57Z")

</div>

You method did work but any idea why transform property is not listed under possible selection ? I had to type it in - only transformselection could be selected which is different

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/3/7/370968c8d1561dde2aef8fbf7cdac642e7a6e6e8.png)

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [July 24, 2023, 10:19am UTC](https://forum.inductiveautomation.com/t/change-the-orientation-of-the-tabs-from-horizontal-to-vertical-on-perspective-view-tab-containers/45096/4 "2023-07-24T10:19:27Z")

</div>

I've never used that list tbh, just know that most CSS properties (500+) are supported which would be very painful to have to find in that drop down list.. Having a filterable list on the other hand would be useful

---

<div class="post-metadata">

**Author:** ![lrose](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/lrose/32/62724_2.png) [@lrose](https://forum.inductiveautomation.com/u/lrose)\
**Post date:** [July 24, 2023, 12:19pm UTC](https://forum.inductiveautomation.com/t/change-the-orientation-of-the-tabs-from-horizontal-to-vertical-on-perspective-view-tab-containers/45096/5 "2023-07-24T12:19:36Z")

</div>

I use it when I know what I want but can’t remember the syntax needed. Usually faster than google.
