How to ion-nav-back-button on the left side?

1

I have an ion-side-menu on the left side, and I would like to have the ion-nav-back-button on the left side on the 2nd level navigations.

For some reason, it always goes to the right side. How do I fix this?

image
Screen Shot 2015-04-09 at 6.34.39 PM.png313×562 3.34 KB

2

What does your markup look like? If you use the following markup, it should automatically be on the left:

<ion-nav-bar>
    <ion-nav-back-button>
    </ion-nav-back-button>
</ion-nav-bar>
3

Thanks for the suggestion… Even with your advice, I still could not get the ion-nav-back-buttons to be on the left (instead of the right side)

I tried:

  1. remove ion-nav-back-button from the side menu
  2. adding ion-nav-back, ion-nav-back-button to the About
  3. adding ion-nav-back, ion-nav-back-button to the About and Contact Us page
  4. adding directives side=“left” on everything

I eventually gave up and just manually added this to all pages i needed the ion-nav-back-button on the left side:

  <ion-nav-bar>
<ion-nav-buttons side="left">
  <a nav-direction="back" href="#/app/about">
    <i class="button button-icon ion-ios-arrow-back positive"></i>
  </a>
</ion-nav-buttons>
4

I know you got it working, but it sounds like there may be a structural problem. Here’s a codepen example with a sidemenu and back button, maybe it will help.