# router with backbutton

**URL:** <https://forums.fusetools.com/t/router-with-backbutton/4123>\
**Category:** How-to Discussions\
**Created:** [August 8, 2016, 9:03am UTC](https://forums.fusetools.com/t/router-with-backbutton/4123 "2016-08-08T09:03:38Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Hilmi\_BORAN](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/hilmi_boran/32/635_2.png) [@Hilmi\_BORAN](https://forums.fusetools.com/u/Hilmi_BORAN)\
**Post date:** [August 8, 2016, 9:03am UTC](https://forums.fusetools.com/t/router-with-backbutton/4123/1 "2016-08-08T09:03:38Z")

</div>

I have a few pages, but I want to cancel some page of the back button.I want to hide two panel when on back button. I set router BackButtonAction is none but dosnt work.

---

<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:** [August 8, 2016, 9:32am UTC](https://forums.fusetools.com/t/router-with-backbutton/4123/2 "2016-08-08T09:32:18Z")

</div>

Hi!

Having some trouble understanding your use-case. Do you want to navigate without adding pages to the router history? In that case you should use router.goto instead of router.push.

If i misunderstood you, could you please write some more details?

---

<div class="post-metadata">

**Author:** ![Hilmi\_BORAN](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/hilmi_boran/32/635_2.png) [@Hilmi\_BORAN](https://forums.fusetools.com/u/Hilmi_BORAN)\
**Post date:** [August 8, 2016, 10:06am UTC](https://forums.fusetools.com/t/router-with-backbutton/4123/3 "2016-08-08T10:06:57Z")

</div>

ı need conditional go back

```auto
function goback(){
    if (iscardopen.value) {
        iscardopen.value=false;
    }else if(isloaded.value){
        isloaded.value=false;
    }else{
        router.goBack();
    }
}

```

---

<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:** [August 8, 2016, 2:12pm UTC](https://forums.fusetools.com/t/router-with-backbutton/4123/4 "2016-08-08T14:12:00Z")

</div>

And this is not working for you? That code snippet didn’t really explain much.

---

<div class="post-metadata">

**Author:** ![Hilmi\_BORAN](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/hilmi_boran/32/635_2.png) [@Hilmi\_BORAN](https://forums.fusetools.com/u/Hilmi_BORAN)\
**Post date:** [August 8, 2016, 2:32pm UTC](https://forums.fusetools.com/t/router-with-backbutton/4123/5 "2016-08-08T14:32:44Z")

</div>

Sorry,

MainView.ux

```auto
<App ClearColor="#efefef">
    <Router ux:Name="router" />

    </Navigator DefaultTemplate="first"> <FirstPage ux:Template="first" router="router" /> <SecondPage ux:Template="second" router="router" /> </Navigator>

</App>

```

FirstPage.ux

```auto
<Page ux:Class="FirstPage">
    <Router ux:Dependency="router" />

    <Button Text="Click" Clicked="{goSecond}">

    </Button>

    <JavaScript>
        module.exports={
            goSecond:function(){
                router.push("second");

            }

        }
    </JavaScript>

</Page>

```

SecondPage.ux

```auto
<Page ux:Class="SecondPage">
    <Router ux:Dependency="router" />

    <Panel ux:Name="panel1" IsVisiblity="Collapsed">
        <Text>Panel 1</Text>
    </Panel>

    <Panel ux:Name="panel2" IsVisiblity="Visible">
        <Text>Panel 2</Text>
    </Panel>

    <OnBackButton Handler="{action}" />

    <WhileTrue Value="{ispanel1}">
        <Change panel1.Visibility="Visible" />
        <Change panel2.Visibility="Collapsed" />
    </WhileTrue>

    <JavaScript>
    var Observable = require('FuseJS/Observable');
    var ispanel1=Observable(false);

        module.exports={
            ispanel1:ispanel1,
            action:function(){
                if(ispanel1.value){
                    router.goBack();
                }else{
                    ispanel1.value=true;
                }

            }

        }
    </JavaScript>

</Page>

```

---

<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:** [August 9, 2016, 8:34am UTC](https://forums.fusetools.com/t/router-with-backbutton/4123/6 "2016-08-09T08:34:53Z")

</div>

Are you looking for `WhileCanGoBack` ? [https://www.fusetools.com/docs/fuse/navigation/whilecangoback](https://www.fusetools.com/docs/fuse/navigation/whilecangoback)

---

<div class="post-metadata">

**Author:** ![Hilmi\_BORAN](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/hilmi_boran/32/635_2.png) [@Hilmi\_BORAN](https://forums.fusetools.com/u/Hilmi_BORAN)\
**Post date:** [August 9, 2016, 11:56am UTC](https://forums.fusetools.com/t/router-with-backbutton/4123/7 "2016-08-09T11:56:15Z")

</div>

No ım looking conditional goback method like:

```auto
if(ispanel1.value){
  router.goBack();
  }else{
  ispanel1.value=true;
}

```

---

<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:** [September 12, 2016, 7:23pm UTC](https://forums.fusetools.com/t/router-with-backbutton/4123/8 "2016-09-12T19:23:01Z")

</div>

+1