# Help with navigation and tabs, page visibility

**URL:** <https://forum.inductiveautomation.com/t/help-with-navigation-and-tabs-page-visibility/41074>\
**Category:** Ignition\
**Tags:** vision, ignition80\
**Created:** [November 30, 2020, 11:06pm UTC](https://forum.inductiveautomation.com/t/help-with-navigation-and-tabs-page-visibility/41074 "2020-11-30T23:06:30Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![robb](https://avatars.discourse-cdn.com/v4/letter/r/a183cd/32.png) [@robb](https://forum.inductiveautomation.com/u/robb)\
**Post date:** [November 30, 2020, 11:06pm UTC](https://forum.inductiveautomation.com/t/help-with-navigation-and-tabs-page-visibility/41074/1 "2020-11-30T23:06:30Z")

</div>

![Menu](https://us1.discourse-cdn.com/inductiveautomation/original/3X/a/0/a0c370976a4f42fd31c5ec138cc739d64d29bc6c.jpeg)  
 ![New Charge Report](https://us1.discourse-cdn.com/inductiveautomation/original/3X/5/9/593009c8d88cba6284cd4cdf2617a081a02fe926.jpeg)  
Hey there, need some help with navigation and layers. I’m trying to use the tabbed menu to display the respective pages. So far just have “New Charge Report” made for testing with. How do I keep the menu tabs visible on all the pages? I’ve tried setting the pages widths, positions, etc, but it always shortens from the right, not from left. Do I have to copy the menu tab to each respective page?

So far enjoying working with this, I think I’ve got a very steep learning curve ahead of me…

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [November 30, 2020, 11:35pm UTC](https://forum.inductiveautomation.com/t/help-with-navigation-and-tabs-page-visibility/41074/2 "2020-11-30T23:35:57Z")

</div>

When using the tab strips ability to swap windows for you, you are expected to place it in a docked window by itself.

---

<div class="post-metadata">

**Author:** ![robb](https://avatars.discourse-cdn.com/v4/letter/r/a183cd/32.png) [@robb](https://forum.inductiveautomation.com/u/robb)\
**Post date:** [November 30, 2020, 11:50pm UTC](https://forum.inductiveautomation.com/t/help-with-navigation-and-tabs-page-visibility/41074/3 "2020-11-30T23:50:18Z")

</div>

So, the menu window should be docked (west), new charge reports is floating. Correct?

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [December 1, 2020, 2:33am UTC](https://forum.inductiveautomation.com/t/help-with-navigation-and-tabs-page-visibility/41074/4 "2020-12-01T02:33:30Z")

</div>

No, all the windows selected by the tab strip should be main windows.

---

<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:** [December 1, 2020, 4:31am UTC](https://forum.inductiveautomation.com/t/help-with-navigation-and-tabs-page-visibility/41074/5 "2020-12-01T04:31:32Z")

</div>

Main windows _are_ floating Windows that are set to start maximised 🙂

---

<div class="post-metadata">

**Author:** ![robb](https://avatars.discourse-cdn.com/v4/letter/r/a183cd/32.png) [@robb](https://forum.inductiveautomation.com/u/robb)\
**Post date:** [December 3, 2020, 6:40pm UTC](https://forum.inductiveautomation.com/t/help-with-navigation-and-tabs-page-visibility/41074/6 "2020-12-03T18:40:23Z")

</div>

I think I’m missing something. I’ve set the menu window to be docked, Dock Position: west. Same for the new charge reports window called by the menu. I tried making the windows sizes to add up to the full size (menu 200px wide, charge reports 600px wide) but I can’t get them to appear correctly, both originate at top left corner, making them overlap.

---

<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:** [December 4, 2020, 3:31pm UTC](https://forum.inductiveautomation.com/t/help-with-navigation-and-tabs-page-visibility/41074/7 "2020-12-04T15:31:30Z")

</div>

Docking should only be used for Windows that should be docked to one of the four sides. All main windows should be set to floating (+start maximised)

---

<div class="post-metadata">

**Author:** ![robb](https://avatars.discourse-cdn.com/v4/letter/r/a183cd/32.png) [@robb](https://forum.inductiveautomation.com/u/robb)\
**Post date:** [December 4, 2020, 5:44pm UTC](https://forum.inductiveautomation.com/t/help-with-navigation-and-tabs-page-visibility/41074/8 "2020-12-04T17:44:20Z")

</div>

@nminchin I do have all windows set to maximized and floating. I can’t see how to use the menu tabs only once to open each respective window. I’ve just copied and pasted the menu to each window for now, which means if I make any changes, I have to update it in 4 places. Which is exactly what I would have done with Factory View Studio…

update: discovered layers and opaqueness, is this the right path? I can get the menu and new charge report pages to display, but none of the others, they just overwrite the menu tabs.

---

<div class="post-metadata">

**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\
**Post date:** [December 4, 2020, 6:10pm UTC](https://forum.inductiveautomation.com/t/help-with-navigation-and-tabs-page-visibility/41074/9 "2020-12-04T18:10:02Z")

</div>

Try opening the template project for tabbed navigation (it’s a top docked header, but the same principle applies)

[http://files.inductiveautomation.com/ignition-projects/Skeleton\_Project\_Single\_Tab\_North.proj](http://files.inductiveautomation.com/ignition-projects/Skeleton_Project_Single_Tab_North.proj)

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [December 4, 2020, 6:39pm UTC](https://forum.inductiveautomation.com/t/help-with-navigation-and-tabs-page-visibility/41074/10 "2020-12-04T18:39:35Z")

</div>

> [@robb](#):
>
> I’ve just copied and pasted the menu to each window for now, which means if I make any changes, I have to update it in 4 places.

No! The menu should be in a window _ **by itself** _, docked to a screen edge. The tabs then open the main windows. The main windows do **not** have copies of the menu.

---

<div class="post-metadata">

**Author:** ![robb](https://avatars.discourse-cdn.com/v4/letter/r/a183cd/32.png) [@robb](https://forum.inductiveautomation.com/u/robb)\
**Post date:** [December 4, 2020, 6:42pm UTC](https://forum.inductiveautomation.com/t/help-with-navigation-and-tabs-page-visibility/41074/11 "2020-12-04T18:42:21Z")

</div>

That’s what I’m trying to do, but my windows keep layering on top of each other. When I open the example project @paul-griffith posted, I get the same behaviour. The tabbed portion of the navigation goes behind the opened item. There’s no navigation controls on the popups or Overview windows, so no way to return to Navigation.

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [December 4, 2020, 6:44pm UTC](https://forum.inductiveautomation.com/t/help-with-navigation-and-tabs-page-visibility/41074/12 "2020-12-04T18:44:29Z")

</div>

> [@robb](#):
>
> keep layering on top of each other

That means your menu window is not set to be docked. When docking is set right, maximizing other windows excludes the dock area.

---

<div class="post-metadata">

**Author:** ![robb](https://avatars.discourse-cdn.com/v4/letter/r/a183cd/32.png) [@robb](https://forum.inductiveautomation.com/u/robb)\
**Post date:** [December 4, 2020, 6:46pm UTC](https://forum.inductiveautomation.com/t/help-with-navigation-and-tabs-page-visibility/41074/13 "2020-12-04T18:46:27Z")

</div>

I didn’t make the example project, just opened it as is.

---

<div class="post-metadata">

**Author:** ![robb](https://avatars.discourse-cdn.com/v4/letter/r/a183cd/32.png) [@robb](https://forum.inductiveautomation.com/u/robb)\
**Post date:** [December 4, 2020, 7:02pm UTC](https://forum.inductiveautomation.com/t/help-with-navigation-and-tabs-page-visibility/41074/14 "2020-12-04T19:02:54Z")

</div>

![Menu Docked](https://us1.discourse-cdn.com/inductiveautomation/original/3X/2/f/2f79a8d862d618f1cb7c085f198cdd60cc54ed36.jpeg) ![New Charge Report Floating](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/7/97d9be0493b292bf9479f8d884948680f174112e.jpeg)

I think these are the correct settings? Menu window is docked West, the other windows are maximized.
