# How to enable/disable EdgaNavigator

**URL:** <https://forums.fusetools.com/t/how-to-enable-disable-edganavigator/6859>\
**Category:** How-to Discussions\
**Created:** [January 13, 2016, 10:07am UTC](https://forums.fusetools.com/t/how-to-enable-disable-edganavigator/6859 "2016-01-13T10:07:45Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![jveres](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/jveres/32/545_2.png) [@jveres](https://forums.fusetools.com/u/jveres)\
**Post date:** [January 13, 2016, 10:07am UTC](https://forums.fusetools.com/t/how-to-enable-disable-edganavigator/6859/1 "2016-01-13T10:07:45Z")

</div>

Use-case: your app shows a modal view so you want to disable the (swipe) behaviour of the EdgeNavigator.

Setting `IsEnabled="false"` on the EdgeNavigator makes the app unresponsible because it wraps the whole UI (nevertheless I think it would be the most elegant solution).

I could probably wrap the EdgeNavigator into an outer node (not tried) but it would mean I have to put all the affected UI components into the same ux file which I’m trying to avoid in general.

Subclassing in uno have not worked for me as the important classes are internal/sealed.

I wonder if someone could come up with a solution?

Thx

(it’s a shame that I cannot edit the mistyped title)

---

<div class="post-metadata">

**Author:** ![Kristian\_Hasselknipp](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/kristian_hasselknipp/32/549_2.png) [@Kristian\_Hasselknipp](https://forums.fusetools.com/u/Kristian_Hasselknipp)\
**Post date:** [January 13, 2016, 11:44am UTC](https://forums.fusetools.com/t/how-to-enable-disable-edganavigator/6859/2 "2016-01-13T11:44:51Z")

</div>

Hi! Making your modal view a full screen panel on top of your whole app should disable (by not letting input events through) the edge navigation.

Here is an example demonstrating my suggestion:

```auto
<App Theme="Basic">
    <Panel>
        <Panel Background="#ddd7">
            <!-- put your modal stuff here -->
            <!-- also make sure you get rid of this Panel when you dont want your modal view shown -->
            <!-- for example by changing the HitTestMode to None. -->
        </Panel>
        <EdgeNavigator>
            <Panel Width="200" EdgeNavigation.Edge="Left" Background="Blue"/>
            <Panel Background="Red">
            </Panel>
        </EdgeNavigator>

    </Panel>
</App>

```

---

<div class="post-metadata">

**Author:** ![jveres](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/jveres/32/545_2.png) [@jveres](https://forums.fusetools.com/u/jveres)\
**Post date:** [January 13, 2016, 12:13pm UTC](https://forums.fusetools.com/t/how-to-enable-disable-edganavigator/6859/3 "2016-01-13T12:13:28Z")

</div>

That’s the outer wrapper solution I mentioned, works as expected I’m sure. Thanks!

You know I was looking for a solution which doesn’t need the app restuctured. Restructuring wouldn’t be a problem at all if I could reference class instances from different ux files, but that’s not the case.

Anyway, you can mark this thread solved:)

---

<div class="post-metadata">

**Author:** ![jveres](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/jveres/32/545_2.png) [@jveres](https://forums.fusetools.com/u/jveres)\
**Post date:** [February 1, 2016, 9:35pm UTC](https://forums.fusetools.com/t/how-to-enable-disable-edganavigator/6859/4 "2016-02-01T21:35:50Z")

</div>

It took me a while to find out but this simple solution works best for me:

```auto
<WhileTrue Value="{navigationEnabled}">
    <EdgeNavigation />
</WhileTrue>

```