# using bindings with \`NavigateTo\` 

**URL:** <https://forums.fusetools.com/t/using-bindings-with-navigateto/3559>\
**Category:** General\
**Created:** [March 7, 2016, 8:48am UTC](https://forums.fusetools.com/t/using-bindings-with-navigateto/3559 "2016-03-07T08:48:25Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![skezo](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/skezo/32/34_2.png) [@skezo](https://forums.fusetools.com/u/skezo)\
**Post date:** [March 7, 2016, 8:48am UTC](https://forums.fusetools.com/t/using-bindings-with-navigateto/3559/1 "2016-03-07T08:48:25Z")

</div>

**Platform:** Windows 10

**Fuse:** Fuse version 0.10.0 (build 6032)

**Issue:** Using bindings with `NavigateTo` that targets a page that has `ux:AutoBind` set to `false` will not display the targeted page. This feels like it is expected behavior but wanted to confirm and also see if there is better way to solve my problem. Which is how to do link to pages that have their `ux:AutoBind` set to `false` while still supporting binding swith `NavigateTo`?

For example:

```auto
<!-- Success: Sub Page will display -->
<NavigateTo Target="_subPage1" NavigationContext="{context}" />

<!-- Fails: Requires button above to bind the sub page first then button will be active -->
<NavigateTo Target="{link}" NavigationContext="{context}" />

```

A working example of what I mean is below:

**MainView.ux**

```auto
<App Theme="Basic" Background="#eeeeeeff">
    <ClientPanel>
      <JavaScript File="MainView.js" />
      <Panel>
        <HierarchicalNavigation ux:Name="_nav" Active="_mainPage" />
        <Page ux:Class="MyPage">
          <EnteringAnimation>
              <Move X="1" RelativeTo="ParentSize" />
          </EnteringAnimation>
          <ExitingAnimation>
              <Move X="-1" RelativeTo="ParentSize" />
          </ExitingAnimation>
        </Page>
        <MyPage ux:Name="_mainPage">
          <StackPanel>
              <Button Text="Click first and nothing will happen"> 
                  <Clicked>
                    <NavigateTo Target="{link}" NavigationContext="{context}" />
                  </Clicked>
              </Button>
              <Button Text="Click firts and button above will work"> 
                  <Clicked>
                    <NavigateTo Target="_subPage1" NavigationContext="{context}" />
                  </Clicked>
              </Button>
          </StackPanel>
        </MyPage>
        <MyPage ux:Name="_subPage1" ux:AutoBind="false">
          <StackPanel>
              <Text>Welcome to subpage 1</Text>
              <Button Text="Go Back">
                  <Clicked>
                      <GoBack />
                  </Clicked>
              </Button>
          </StackPanel>
        </MyPage>
      </Panel>
    </ClientPanel>
</App>

```

**MainView.js**

```auto
module.exports = {
    link: "_subPage1",
    context: "_nav"
};

```

---

<div class="post-metadata">

**Author:** ![Anders\_Lassen](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/anders_lassen/32/522_2.png) [@Anders\_Lassen](https://forums.fusetools.com/u/Anders_Lassen)\
**Post date:** [March 7, 2016, 9:17am UTC](https://forums.fusetools.com/t/using-bindings-with-navigateto/3559/2 "2016-03-07T09:17:20Z")

</div>

Hi!

You cannot link non-rooted (`ux:AutoBind="false"`) pages by string name, because pages are resolved by searching the rooted tree.

You have to link these pages by their `ux:Name` given at compile-time