# Problem with EdgeNavigator

**URL:** <https://forums.fusetools.com/t/problem-with-edgenavigator/6324>\
**Category:** Show and Tell\
**Created:** [March 19, 2016, 10:04pm UTC](https://forums.fusetools.com/t/problem-with-edgenavigator/6324 "2016-03-19T22:04:06Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![nico.ronconi](https://avatars.discourse-cdn.com/v4/letter/n/ecd19e/32.png) [@nico.ronconi](https://forums.fusetools.com/u/nico.ronconi)\
**Post date:** [March 19, 2016, 10:04pm UTC](https://forums.fusetools.com/t/problem-with-edgenavigator/6324/1 "2016-03-19T22:04:06Z")

</div>

Hi guys,

i have some problems with `EdgeNavigator`.

I cant use EdgeNavigator for navigate between 3 pages.

In my menu i want to create links between pages, somethng like this:

```auto
<!-- sidebar.ux -->

<StackPanel ux:Class="Sidebar">

<Button Clicked="{goToPage1}" Text="Page1" />
<Button Clicked="{goToPage2}" Text="Page2" />
<Button Clicked="{goToPage3}" Text="Page3" />

</StackPanel>

```

In my mainView:

```auto
<!-- MainView.ux -->

<App Theme="Basic">

<EdgeNatigator>

<!-- my menu -->
<Sidebar ux:Name="Menu" EdgeNavigation.Edge="Left"/>

<Page /> <!--Page 1 -->
<Page /> <!--Page 2 -->
<Page /> <!--Page 3 -->

</EdgeNavigator>
</App>

```

Is it Possible? How can i manage my navigation flow? Any best practice?

Thanks

---

<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:** [March 21, 2016, 3:46pm UTC](https://forums.fusetools.com/t/problem-with-edgenavigator/6324/2 "2016-03-21T15:46:06Z")

</div>

Hi!

Inside the main content of your `EdgeNavigator`, you can put a new Panel with its own navigation and then databind the active property to the active page.

Something like this:

```auto
<App Theme="Basic">

<EdgeNatigator>

<!-- my menu -->
<Sidebar ux:Name="Menu" EdgeNavigation.Edge="Left"/>
<Panel ux:Class="MyPage">
    <ExitingAnimation>
        <Move X="1" RelativeTo="Size" Duration="0.5" />
    </ExitingAnimation>
</Panel>
<Panel><!-- adding a panel here to contain the pages -->
    <DirectNavigation Active="{activePage}" /> <!-- notice the binding -->
    <MyPage /> <!--Page 1 -->
    <MyPage /> <!--Page 2 -->
    <MyPage /> <!--Page 3 -->
</Panel>
</EdgeNavigator>
</App>

```

---

<div class="post-metadata">

**Author:** ![nico.ronconi](https://avatars.discourse-cdn.com/v4/letter/n/ecd19e/32.png) [@nico.ronconi](https://forums.fusetools.com/u/nico.ronconi)\
**Post date:** [March 21, 2016, 4:13pm UTC](https://forums.fusetools.com/t/problem-with-edgenavigator/6324/3 "2016-03-21T16:13:28Z")

</div>

hi,

yes i did that, but i thought that was a bad practice. Seems it’s not!

Thanks 🙂