# Transition view

**URL:** <https://forum.inductiveautomation.com/t/transition-view/81858>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [November 14, 2023, 1:03pm UTC](https://forum.inductiveautomation.com/t/transition-view/81858 "2023-11-14T13:03:16Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Emerson\_SIlveira1](https://avatars.discourse-cdn.com/v4/letter/e/839c29/32.png) [@Emerson\_SIlveira1](https://forum.inductiveautomation.com/u/Emerson_SIlveira1)\
**Post date:** [November 14, 2023, 1:03pm UTC](https://forum.inductiveautomation.com/t/transition-view/81858/1 "2023-11-14T13:03:16Z")

</div>

Hi guys, i'm a new user of ignition.

Someone could you please, teach me how can i switch between two views using multible button ?

 ![Capturar1](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/e/1e53f1a30a19756b3174d7c8f424a1538351e65b.png)

---

<div class="post-metadata">

**Author:** ![pascal.fragnoud](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pascal.fragnoud/32/24728_2.png) [@pascal.fragnoud](https://forum.inductiveautomation.com/u/pascal.fragnoud)\
**Post date:** [November 14, 2023, 1:12pm UTC](https://forum.inductiveautomation.com/t/transition-view/81858/2 "2023-11-14T13:12:42Z")

</div>

This needs some more details. As you'll soon learn, ignition is vast and there are many things that look alike and many ways to do each of them, so being accurate is important when asking questions.

Do you mean that you have a main view, in which there's an embedded view, and you want to change this embedded view ?  
Or do you want to navigate to an entirely different view ?

---

<div class="post-metadata">

**Author:** ![Emerson\_SIlveira1](https://avatars.discourse-cdn.com/v4/letter/e/839c29/32.png) [@Emerson\_SIlveira1](https://forum.inductiveautomation.com/u/Emerson_SIlveira1)\
**Post date:** [November 14, 2023, 1:21pm UTC](https://forum.inductiveautomation.com/t/transition-view/81858/3 "2023-11-14T13:21:24Z")

</div>

I'll try to explain it better. I'm doing a supervisor for the control of an electrical substation. The screen Cargas\_AT show the data of the high-voltage network, such as current, temperature, and voltage. As for the Cargas\_BT screen, I need to access it by clicking on the buttons Load 1, Load 2 and etc. When I click on Load 1, I will show the data for Load 1 and so on for the other loads. I'm using the translator, I hope you understand.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/f/2/f27c32d651878a1a089af2c35f82e021cdc424a7.png)  
n

---

<div class="post-metadata">

**Author:** ![pascal.fragnoud](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pascal.fragnoud/32/24728_2.png) [@pascal.fragnoud](https://forum.inductiveautomation.com/u/pascal.fragnoud)\
**Post date:** [November 14, 2023, 1:31pm UTC](https://forum.inductiveautomation.com/t/transition-view/81858/4 "2023-11-14T13:31:04Z")

</div>

The part that needs more details is this one:

> [@Emerson\_SIlveira1](#):
>
> I will show the data for Load 1

Where do you want to show it ?  
In a new page ? In a popup ? Embedded in the same view ?

---

<div class="post-metadata">

**Author:** ![Emerson\_SIlveira1](https://avatars.discourse-cdn.com/v4/letter/e/839c29/32.png) [@Emerson\_SIlveira1](https://forum.inductiveautomation.com/u/Emerson_SIlveira1)\
**Post date:** [November 14, 2023, 1:37pm UTC](https://forum.inductiveautomation.com/t/transition-view/81858/5 "2023-11-14T13:37:48Z")

</div>

in a new page

---

<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:** [November 14, 2023, 1:49pm UTC](https://forum.inductiveautomation.com/t/transition-view/81858/6 "2023-11-14T13:49:20Z")

</div>

I suggest a different but very simple and effective solution.

 ![Tabbed substation](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/7/67c6b6d3ee978a242eacc0c97e39d753e219527c.png)

1. Create a Tab Container view.
2. Create a tab for Load 1 ,,,
3. ... and Load 2 ...
4. ... and Load 3.
5. Add an Embedded View component onto the first tab.
6. Set the `props.path` to the "Load" view.
7. I assume that the "Load" view has a parameter for the load number. Set this to suit.

Repeat this procedure for Load 2 and Load 3.

Now you have a clean layout, easy for the user, no code to write and you can use a parameter view. If you need to modify the Load view you only have to do it once.

> **[Tab Container Video at Inductive University](https://inductiveuniversity.com/video/tab-container/8.1?r=%2Fvideo%2Fsearch%2F%3Fq%3Dtab%20container%26checked_topics%3D)**
>
> Learn about the Tab container, which features multiple sub-containers. Users can switch between the contents of each sub-container.
