# Hierarchical Navigation back button

**URL:** <https://forums.fusetools.com/t/hierarchical-navigation-back-button/949>\
**Category:** How-to Discussions\
**Created:** [December 18, 2015, 8:55am UTC](https://forums.fusetools.com/t/hierarchical-navigation-back-button/949 "2015-12-18T08:55:30Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![justinksr](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/justinksr/32/158_2.png) [@justinksr](https://forums.fusetools.com/u/justinksr)\
**Post date:** [December 18, 2015, 8:55am UTC](https://forums.fusetools.com/t/hierarchical-navigation-back-button/949/1 "2015-12-18T08:55:30Z")

</div>

Hi, with reference to the [Pages using JavaScript example](https://www.fusetools.com/examples/pages-using-js)…

I wanted to change it from `<DirectNavigation>` to a `<HierarchicalNaviagation>` so that the `"backButton"` will execute `<GoBack>` instead…

I tried adding the following modifications to the backButton:

```auto
<Button ux:Name="backButton" ........>
    <DockPanel>
        <Image File="arrow-left-white.png" ....../>
        <Text .......>Back</Text>
    </DockPanel>
    <WhileCanGoBack>
        <Clicked>
            <GoBack />
        </Clicked>
    </WhileCanGoBack>
</Button>

```

Well, it doesn’t work, which is why I’m asking here 🙂