# Perspective Menu Tree - Navigate from root item/top level target? Menu Index?

**URL:** <https://forum.inductiveautomation.com/t/perspective-menu-tree-navigate-from-root-item-top-level-target-menu-index/38108>\
**Category:** Ignition\
**Tags:** ignition80, perspective\
**Created:** [August 26, 2020, 10:45pm UTC](https://forum.inductiveautomation.com/t/perspective-menu-tree-navigate-from-root-item-top-level-target-menu-index/38108 "2020-08-26T22:45:28Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![tyler.robertson](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/tyler.robertson/32/18299_2.png) [@tyler.robertson](https://forum.inductiveautomation.com/u/tyler.robertson)\
**Post date:** [August 26, 2020, 10:45pm UTC](https://forum.inductiveautomation.com/t/perspective-menu-tree-navigate-from-root-item-top-level-target-menu-index/38108/1 "2020-08-26T22:45:28Z")

</div>

In the perspective menu tree, if I have one item with no sub items, then clicking on that item navigates to the page I have in the **target:** field, which makes sense. Once I add sub-items to that item, clicking it swaps for the sub-items. That also makes sense, but is there any way to implement a click -\> navigate to target, mouse-over -\> view sub-items?

Here’s the reasoning - I have 8 buildings in two separate locations. So I have pages for each function, pages for each building, and pages for rooms in the buildings.

It makes sense navigation wise to drill down to the rooms through the locations and the buildings … but I still want to be able to navigate to the ‘top’ items.

Having trouble implementing this because doesn’t seem to be events for top level items, or for clicking on headers. Should I make duplicate items that have no sub items just as links?

Also - is there a way to set the Menu index, so that when you’ve navigated to a ‘sub sub sub’ item, the menu is already at that area when the page refreshes?

I hope I’m not missing something obvious

Thanks!

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [August 27, 2020, 6:01am UTC](https://forum.inductiveautomation.com/t/perspective-menu-tree-navigate-from-root-item-top-level-target-menu-index/38108/2 "2020-08-27T06:01:03Z")

</div>

You could “short-circuit” the click behavior by using the onItemClicked Event to perform navigation when a top-level item is clicked, but… then you would never see the sub-items.

Unfortunately, the Menu Tree was never designed to handle expand/collapse behavior outside of a user’s click, and so the only way to drill down into sub-items is to click. This prohibits your desired top-level click navigation, as well as the desired hover-to-expand behavior.

---

<div class="post-metadata">

**Author:** ![tyler.robertson](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/tyler.robertson/32/18299_2.png) [@tyler.robertson](https://forum.inductiveautomation.com/u/tyler.robertson)\
**Post date:** [August 27, 2020, 3:38pm UTC](https://forum.inductiveautomation.com/t/perspective-menu-tree-navigate-from-root-item-top-level-target-menu-index/38108/3 "2020-08-27T15:38:26Z")

</div>

Gotcha - that’s what I was starting to think that I was using it out of design purpose. I did see the newer ‘onItemClicked’ event which is great, but yeah same deal.

I guess that would work if I swapped a view instead of a page?

For hierarchical navigation structure I’m struggling with a navigation strategy in perspective, the horizontal menu has the same limitation of, I can drill down to sub menus but not navigate to the ‘main’ item of the menu

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [August 27, 2020, 3:47pm UTC](https://forum.inductiveautomation.com/t/perspective-menu-tree-navigate-from-root-item-top-level-target-menu-index/38108/4 "2020-08-27T15:47:50Z")

</div>

Have you tried something like this?

```auto
Location A
L__ Go
L__ Building 1
L ____ Go
L ____ Room 1
L ____ Room 2
L__ Building 2
L ____ Go
L ____ Room 1

```

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [August 27, 2020, 3:48pm UTC](https://forum.inductiveautomation.com/t/perspective-menu-tree-navigate-from-root-item-top-level-target-menu-index/38108/5 "2020-08-27T15:48:28Z")

</div>

You still have to click into the location, but then you have the ability to navigate to the item you’re “in”.

---

<div class="post-metadata">

**Author:** ![tyler.robertson](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/tyler.robertson/32/18299_2.png) [@tyler.robertson](https://forum.inductiveautomation.com/u/tyler.robertson)\
**Post date:** [August 27, 2020, 4:06pm UTC](https://forum.inductiveautomation.com/t/perspective-menu-tree-navigate-from-root-item-top-level-target-menu-index/38108/6 "2020-08-27T16:06:25Z")

</div>

Yeah that’s what I have going on now - felt kind of unwieldly/not natural to use, but I think that just might be a layout thing and if I show items as indented, smaller, different colors it may make the navigation feel more fluid/obvious.

Looking at that outside my project, that might lend itself well to containers that aren’t pages. ie: ‘Departments’ will never have a page, but I may want another area like departments.

 ![sidemenu](https://us1.discourse-cdn.com/inductiveautomation/original/3X/d/8/d8ae9ad22116fce09c161257b3513a3dd1a67109.png)

Thanks for the help!
