# Need help with navigation

**URL:** <https://forums.fusetools.com/t/need-help-with-navigation/4823>\
**Category:** How-to Discussions\
**Created:** [May 30, 2016, 4:42pm UTC](https://forums.fusetools.com/t/need-help-with-navigation/4823 "2016-05-30T16:42:00Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Tom1](https://avatars.discourse-cdn.com/v4/letter/t/b487fb/32.png) [@Tom1](https://forums.fusetools.com/u/Tom1)\
**Post date:** [May 30, 2016, 4:42pm UTC](https://forums.fusetools.com/t/need-help-with-navigation/4823/1 "2016-05-30T16:42:00Z")

</div>

how to navigate to differet ux whenever menu on side panel is clicked.

code: [https://github.com/krispassa/exampleside](https://github.com/krispassa/exampleside)

I am working on side panel and have different menu on sidepanel but couldn’t open ux file whenever it is clicked for example there is Adminview.ux and Officeview.ux. I want to open those ux on main without disappearing sidemenu.

---

<div class="post-metadata">

**Author:** ![baodinhthe](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/baodinhthe/32/296_2.png) [@baodinhthe](https://forums.fusetools.com/u/baodinhthe)\
**Post date:** [May 31, 2016, 3:08am UTC](https://forums.fusetools.com/t/need-help-with-navigation/4823/2 "2016-05-31T03:08:26Z")

</div>

Hi, Maybe it can help : In MainView.ux: Change : \<Panel Alignment=“Top” to \<DockPanel Dock=“Top”

Add below:

In SidePanel.ux:

Pls let me know if it works.

---

<div class="post-metadata">

**Author:** ![Tom1](https://avatars.discourse-cdn.com/v4/letter/t/b487fb/32.png) [@Tom1](https://forums.fusetools.com/u/Tom1)\
**Post date:** [May 31, 2016, 4:12pm UTC](https://forums.fusetools.com/t/need-help-with-navigation/4823/3 "2016-05-31T16:12:43Z")

</div>

Thanks! it works. But is there any way to call the AdminView.ux and OfficeView.ux from javascript. I have sidemenu option using (Each) tag called from Main.js file. If not I will just changed my sidepanel code. Anyway thanks for that example.

---

<div class="post-metadata">

**Author:** ![baodinhthe](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/baodinhthe/32/296_2.png) [@baodinhthe](https://forums.fusetools.com/u/baodinhthe)\
**Post date:** [May 31, 2016, 4:33pm UTC](https://forums.fusetools.com/t/need-help-with-navigation/4823/4 "2016-05-31T16:33:10Z")

</div>

I think you can try to modify Main.js data: menuList.add({menuName:“Activity”,pageAcitve:“ActivityPage”}); menuList.add({menuName:“Office”,pageAcitve:“OfficePage”}); menuList.add({menuName:“Admin”,pageAcitve:“AdminPage”});

And in SidePanel:

But i do not know why it can not bind pageActive at this point. If you can find out it , pls update that code to work for me.

---

<div class="post-metadata">

**Author:** ![Tom1](https://avatars.discourse-cdn.com/v4/letter/t/b487fb/32.png) [@Tom1](https://forums.fusetools.com/u/Tom1)\
**Post date:** [June 10, 2016, 6:35pm UTC](https://forums.fusetools.com/t/need-help-with-navigation/4823/5 "2016-06-10T18:35:50Z")

</div>

Hi all, I still haven’t figure it out. Updated to fuse[0.20.3]. New documentation on fuse website is incomplete. Anyone have example, could you please share? 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:** [July 26, 2016, 10:25am UTC](https://forums.fusetools.com/t/need-help-with-navigation/4823/6 "2016-07-26T10:25:04Z")

</div>

Hi!

Sorry for the late reply, but this article should put you on the right track: [https://www.fusetools.com/docs/navigation/navigation](https://www.fusetools.com/docs/navigation/navigation)