# Global cross-project Navigation

**URL:** <https://forum.inductiveautomation.com/t/global-cross-project-navigation/108832>\
**Category:** Ignition\
**Tags:** perspective, ignition81\
**Created:** [July 23, 2025, 2:30pm UTC](https://forum.inductiveautomation.com/t/global-cross-project-navigation/108832 "2025-07-23T14:30:20Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Zachariah\_Hendricks](https://avatars.discourse-cdn.com/v4/letter/z/ee7513/32.png) [@Zachariah\_Hendricks](https://forum.inductiveautomation.com/u/Zachariah_Hendricks)\
**Post date:** [July 23, 2025, 2:30pm UTC](https://forum.inductiveautomation.com/t/global-cross-project-navigation/108832/1 "2025-07-23T14:30:20Z")

</div>

Looking for recommendations for a cross project navigation bar above all views. I have created a parent project that I plan to put above all of our projects. Then the navigation bar would be available for any pages that we wanted it on, as long as that project is setup to be a child of the parent project. The problem that I am seeing is how to set up the navigation properly where new tabs wont be opened up. I have mainly been looking into using the horizontal menu component, but the new tab issue seems to be a big obstacle. I have done some onItemClicked scripting to try to go around this new tab issue, but it doesn't seem possible.

---

<div class="post-metadata">

**Author:** ![Felipe\_CRM](https://avatars.discourse-cdn.com/v4/letter/f/dfb087/32.png) [@Felipe\_CRM](https://forum.inductiveautomation.com/u/Felipe_CRM)\
**Post date:** [July 23, 2025, 3:29pm UTC](https://forum.inductiveautomation.com/t/global-cross-project-navigation/108832/2 "2025-07-23T15:29:00Z")

</div>

Have you already tried calling `system.perspective.navigate` with `newTab='false'` as in the below post?

> [@Mutli Project and/or Multi Gateway Menu Tree Navigation in Perspective](https://forum.inductiveautomation.com/t/mutli-project-and-or-multi-gateway-menu-tree-navigation-in-perspective/55493/3):
>
> Thank you! That was easier then I expected. I added a single line script to the onItemClick system.perspective.navigate(url = event.target, newTab = 'false') and then set the items in the menu tree to “enabled : false” to stop the default navigation to a new tab.

---

<div class="post-metadata">

**Author:** ![Zachariah\_Hendricks](https://avatars.discourse-cdn.com/v4/letter/z/ee7513/32.png) [@Zachariah\_Hendricks](https://forum.inductiveautomation.com/u/Zachariah_Hendricks)\
**Post date:** [July 24, 2025, 12:38pm UTC](https://forum.inductiveautomation.com/t/global-cross-project-navigation/108832/3 "2025-07-24T12:38:19Z")

</div>

That does seem to work, but the style for that item doesn't remain the same. I can get the cursor and text color to go back to normal, but Im not sure how to change the hover over style for that specific item.

---

<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, 2025, 1:04pm UTC](https://forum.inductiveautomation.com/t/global-cross-project-navigation/108832/4 "2025-07-24T13:04:32Z")

</div>

Which component specifically are you talking about?

---

<div class="post-metadata">

**Author:** ![Zachariah\_Hendricks](https://avatars.discourse-cdn.com/v4/letter/z/ee7513/32.png) [@Zachariah\_Hendricks](https://forum.inductiveautomation.com/u/Zachariah_Hendricks)\
**Post date:** [July 24, 2025, 1:20pm UTC](https://forum.inductiveautomation.com/t/global-cross-project-navigation/108832/5 "2025-07-24T13:20:56Z")

</div>

I am specifically using the HorizontalMenu component.

---

<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, 2025, 1:31pm UTC](https://forum.inductiveautomation.com/t/global-cross-project-navigation/108832/6 "2025-07-24T13:31:35Z")

</div>

You should be able to change the hover styling with a perspective style. You can't apply psuedo class styling via the component style config, but you can in perspective styles

---

<div class="post-metadata">

**Author:** ![Zachariah\_Hendricks](https://avatars.discourse-cdn.com/v4/letter/z/ee7513/32.png) [@Zachariah\_Hendricks](https://forum.inductiveautomation.com/u/Zachariah_Hendricks)\
**Post date:** [July 24, 2025, 5:19pm UTC](https://forum.inductiveautomation.com/t/global-cross-project-navigation/108832/7 "2025-07-24T17:19:25Z")

</div>

That worked! I created a perspective style and added a Element State [hover] with the correct background color. Now, even with the items disabled, they all look and act the same.