# Multi router as instagram

**URL:** <https://forums.fusetools.com/t/multi-router-as-instagram/1781>\
**Category:** How-to Discussions\
**Created:** [October 24, 2016, 10:56am UTC](https://forums.fusetools.com/t/multi-router-as-instagram/1781 "2016-10-24T10:56:29Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![zaulin](https://avatars.discourse-cdn.com/v4/letter/z/d26b3c/32.png) [@zaulin](https://forums.fusetools.com/u/zaulin)\
**Post date:** [October 24, 2016, 10:56am UTC](https://forums.fusetools.com/t/multi-router-as-instagram/1781/1 "2016-10-24T10:56:29Z")

</div>

Hi,

I would like my navigation to be “instagram” like. That is:

having several tabs each one with it’s own navigation. The problem i’m facing:

- In the home page (first tab) you can click on an user to navigate to that user page (and keep navigating)

- In your profile page (last tab) you can click on an user to navigate to that user page (and keep navigating)

Both navigations are stored separately.

How can i do that in fuse? (if possible)

the problem i can’t solve is that if i create a “userProfile” page it has to depend on one router so when i keep navigating i can router.push(…).

Is there any solution other than duplicating the userProfile page each one with it’s own router?

---

<div class="post-metadata">

**Author:** ![edA-qa\_mort-ora-y](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/eda-qa_mort-ora-y/32/124_2.png) [@edA-qa\_mort-ora-y](https://forums.fusetools.com/u/edA-qa_mort-ora-y)\
**Post date:** [October 25, 2016, 11:52am UTC](https://forums.fusetools.com/t/multi-router-as-instagram/1781/2 "2016-10-25T11:52:17Z")

</div>

At the moment, to get a unique history per user you will have no choice but to create multiple navigators, or routers. IF you just want to be at the most revent page in the user section then simply a different navigator per-user will work. If you really need independent histories then you will need multiple routers (this would be an unusual use-case though, to have independent histories).

You could instead remember the last sub-page to the user group and use that in further navigation back to that user. But I’ll admit this likely isn’t easy to setup. I believe we have a kind of state feature planned which would make this easier though.

I will add a feature request. It certainly seems like a good idea, at least performance-wise, to be able to have all these sub-pages shared and only have a virtual distinction for navigation.

---

<div class="post-metadata">

**Author:** ![zaulin](https://avatars.discourse-cdn.com/v4/letter/z/d26b3c/32.png) [@zaulin](https://forums.fusetools.com/u/zaulin)\
**Post date:** [October 25, 2016, 1:35pm UTC](https://forums.fusetools.com/t/multi-router-as-instagram/1781/3 "2016-10-25T13:35:30Z")

</div>

Hi,

another router question:

I would like the first page on my router to be static so i do something like:

```
        <Page ux:Name="Home">
			<Router ux:Name="routerHome"/>
            <Navigator>
            	<Panel>
					<!-- news feeds no template here -->
				</Panel>
				<ProfilePage ux:Template="profilePage" router="routerHome" />
                <WhateverPage ux:Template="whateverPage" router="routerHome" />
			</Navigator>

```

that works. First it shows the news feeds and then i can router.push(“profilePage”) and keep navigating.

if i router.goBack() it will go back to the previous page on the router  
but: what if i want a button that goes back to the news feeds? (so removing all the navigation back to the static page)

is that possible?

---

<div class="post-metadata">

**Author:** ![Vegard\_Strand\_Lende](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/vegard_strand_lende/32/349_2.png) [@Vegard\_Strand\_Lende](https://forums.fusetools.com/u/Vegard_Strand_Lende)\
**Post date:** [November 15, 2016, 12:48pm UTC](https://forums.fusetools.com/t/multi-router-as-instagram/1781/4 "2016-11-15T12:48:40Z")

</div>

Make the first page an `ux:Template` aswell and set `<Navigator DefaultTemplate="..." />`

---

<div class="post-metadata">

**Author:** ![zaulin](https://avatars.discourse-cdn.com/v4/letter/z/d26b3c/32.png) [@zaulin](https://forums.fusetools.com/u/zaulin)\
**Post date:** [November 15, 2016, 1:56pm UTC](https://forums.fusetools.com/t/multi-router-as-instagram/1781/5 "2016-11-15T13:56:01Z")

</div>

Hi!

i don’t want the page to be a template as i need it to be created before it is instanciated. After 0.29 it’s possible to do this just creating the page inside the router like:

```
     <Page Name="myNonTemplatePage">
```

---

<div class="post-metadata">

**Author:** ![edA-qa\_mort-ora-y](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/eda-qa_mort-ora-y/32/124_2.png) [@edA-qa\_mort-ora-y](https://forums.fusetools.com/u/edA-qa_mort-ora-y)\
**Post date:** [November 15, 2016, 2:11pm UTC](https://forums.fusetools.com/t/multi-router-as-instagram/1781/6 "2016-11-15T14:11:40Z")

</div>

The replacement for `DefaultTemplate` is `DefaultPath` now. It works on both templates and non-templates. Use the name of the non-template as the path.

---

<div class="post-metadata">

**Author:** ![zaulin](https://avatars.discourse-cdn.com/v4/letter/z/d26b3c/32.png) [@zaulin](https://forums.fusetools.com/u/zaulin)\
**Post date:** [November 15, 2016, 2:17pm UTC](https://forums.fusetools.com/t/multi-router-as-instagram/1781/7 "2016-11-15T14:17:01Z")

</div>

What i meant is that the question was “answered” with 0.29 (when i posted the question non-templates pages where not up 🙂 )