# Perspective: Navigation View set to cover but pushing header

**URL:** <https://forum.inductiveautomation.com/t/perspective-navigation-view-set-to-cover-but-pushing-header/37960>\
**Category:** Ignition\
**Tags:** ignition80, perspective\
**Created:** [August 20, 2020, 10:16pm UTC](https://forum.inductiveautomation.com/t/perspective-navigation-view-set-to-cover-but-pushing-header/37960 "2020-08-20T22:16:42Z")\
**Posts on this page:** 7\
**Page:** 1

<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:** [August 20, 2020, 10:16pm UTC](https://forum.inductiveautomation.com/t/perspective-navigation-view-set-to-cover-but-pushing-header/37960/1 "2020-08-20T22:16:42Z")

</div>

v8.0.15

I have a header and navigation view configured for north and west respectively, with the nav set to onDemand and Cover:

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

However this is what it does:  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/e/7/e7177b321c14767c78c9a8c1a1a16bc65991bfdf.png)

It covers the main View, but pushes the header. Have I set something up wrong?

---

<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 20, 2020, 11:26pm UTC](https://forum.inductiveautomation.com/t/perspective-navigation-view-set-to-cover-but-pushing-header/37960/2 "2020-08-20T23:26:52Z")

</div>

Docked Views will always push Docked Views; the cover/push setting only applies to the primary View. You could modify the Corner Priority for the Project, so that the Header will always span the full top of the screen, and then below the header the navigation View will cover the main View.

---

<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:** [August 20, 2020, 11:49pm UTC](https://forum.inductiveautomation.com/t/perspective-navigation-view-set-to-cover-but-pushing-header/37960/3 "2020-08-20T23:49:41Z")

</div>

That’s better 🙂 Thanks!

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

Actually, how do I make it hide when the user taps outside of the menu? I tried using the onMouseOut and Exited, but I had to click on the menu View first and then on another View for it to close. Maybe I should create a new topic…

---

<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:** [August 20, 2020, 11:53pm UTC](https://forum.inductiveautomation.com/t/perspective-navigation-view-set-to-cover-but-pushing-header/37960/4 "2020-08-20T23:53:27Z")

</div>

`onBlur`?

---

<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:** [August 20, 2020, 11:57pm UTC](https://forum.inductiveautomation.com/t/perspective-navigation-view-set-to-cover-but-pushing-header/37960/5 "2020-08-20T23:57:19Z")

</div>

`onBlur` doesn’t seem to work either. Should the event be on the root?

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/c/8/c884b18dc422e9f7b353e74c76c416c6b4e07f5f.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 21, 2020, 12:40am UTC](https://forum.inductiveautomation.com/t/perspective-navigation-view-set-to-cover-but-pushing-header/37960/6 "2020-08-21T00:40:38Z")

</div>

What you’re actually looking for is the `modal` setting for the Docked View (you can see it in the original screenshot - `Modal?`). There’s an open issue regarding Docked View Modal functionality ([13632](http://forum.inductiveautomation.com/t/bug-13632-perspective-docked-view-modal-fail/24882/16)) which results in the modal setting only working if the Docked View is opened via its handle.

---

<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:** [August 21, 2020, 1:06am UTC](https://forum.inductiveautomation.com/t/perspective-navigation-view-set-to-cover-but-pushing-header/37960/7 "2020-08-21T01:06:12Z")

</div>

Thanks, looks like I’ll have to add a close button for now which isn’t an issue. I don’t like using handles out of principal (I personally despise those things that follow you on some websites. They’re usually for useless things (for the majority of users) like feedback buttons and social media share buttons, and I refuse to use any in my work either haha 😅)
