# Perspective Horizontal Menu Component

**URL:** <https://forum.inductiveautomation.com/t/perspective-horizontal-menu-component/25269>\
**Category:** Ignition Early Access\
**Created:** [May 23, 2019, 6:11pm UTC](https://forum.inductiveautomation.com/t/perspective-horizontal-menu-component/25269 "2019-05-23T18:11:51Z")\
**Posts on this page:** 8\
**Page:** 3

<div class="post-metadata">

**Author:** ![djones](https://avatars.discourse-cdn.com/v4/letter/d/43a26b/32.png) [@djones](https://forum.inductiveautomation.com/u/djones)\
**Post date:** [August 31, 2020, 4:20pm UTC](https://forum.inductiveautomation.com/t/perspective-horizontal-menu-component/25269/41 "2020-08-31T16:20:50Z")

</div>

The top blue box is a docked view (this one does not work)

I copied and pasted the menu into the main view for the page and it works correctly.

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

---

<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 31, 2020, 4:21pm UTC](https://forum.inductiveautomation.com/t/perspective-horizontal-menu-component/25269/42 "2020-08-31T16:21:58Z")

</div>

Odd. I’ll have to look into this a bit deeper so it’ll be awhile before I get back to you.

---

<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 31, 2020, 4:28pm UTC](https://forum.inductiveautomation.com/t/perspective-horizontal-menu-component/25269/43 "2020-08-31T16:28:06Z")

</div>

It looks to be any Horizontal Menu in a “North” Docked View. I’ll open a ticket to get it fixed.

---

<div class="post-metadata">

**Author:** ![djones](https://avatars.discourse-cdn.com/v4/letter/d/43a26b/32.png) [@djones](https://forum.inductiveautomation.com/u/djones)\
**Post date:** [August 31, 2020, 4:48pm UTC](https://forum.inductiveautomation.com/t/perspective-horizontal-menu-component/25269/44 "2020-08-31T16:48:33Z")

</div>

Well…That’s a very specific bug.

Okay. I’ll go back to a static menu for the time being and bind the enabled property.

---

<div class="post-metadata">

**Author:** ![djones](https://avatars.discourse-cdn.com/v4/letter/d/43a26b/32.png) [@djones](https://forum.inductiveautomation.com/u/djones)\
**Post date:** [August 31, 2020, 5:24pm UTC](https://forum.inductiveautomation.com/t/perspective-horizontal-menu-component/25269/45 "2020-08-31T17:24:31Z")

</div>

just a note. It appears to be the case for all horizontalmenus, not just the bound items. I created a new menu to replace the one I was working with and hard coded all the targets and labels. And I still get the component error problem on Chrome.

---

<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:** [October 18, 2022, 12:35am UTC](https://forum.inductiveautomation.com/t/perspective-horizontal-menu-component/25269/46 "2022-10-18T00:35:08Z")

</div>

Can I bump this reqeust to add a `visible` prop? I've needed this for a while now and the solution using a binding to dynamically create the props.items doesn't work well when you have bindings on your sub-items props

---

<div class="post-metadata">

**Author:** ![james\_7205](https://avatars.discourse-cdn.com/v4/letter/j/54ee81/32.png) [@james\_7205](https://forum.inductiveautomation.com/u/james_7205)\
**Post date:** [May 5, 2025, 4:25pm UTC](https://forum.inductiveautomation.com/t/perspective-horizontal-menu-component/25269/47 "2025-05-05T16:25:23Z")

</div>

Hi,  
Is there a way to pass parameters to sub menu pages?  
Ex. setting the target of a sub menu item to a single parameterized page.

---

<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:** [May 6, 2025, 8:03pm UTC](https://forum.inductiveautomation.com/t/perspective-horizontal-menu-component/25269/48 "2025-05-06T20:03:29Z")

</div>

You would have to configure the target with query params.

Supposing you had a configured page ULR along the lines of `/bays/:bayNumber`, you would configure the target of that nav item as `/bays/:6`. There's nothing stopping you from binding that value based on some other input on the page. Supposing you had a numeric input which dealt with a specific "bay", you could bind the `target` prop here against the numeric input:

```python
"/bays/:" + toString({this.view.getChild("SomeContainer").getChild("MyNumericInput").props.value})
```

[Previous page](https://forum.inductiveautomation.com/t/perspective-horizontal-menu-component/25269.md?page=2)
