Header buttons order


#1

hello, i would like to organize my application header buttons.
so i need to always have my menu button always to the left.
whenever i add the back button, it always goes to the left regardless of where it is in the code.
is there any way i can order my back button? or is that by design always to the left?


#2

By design, it’s meant to be like that. But you can do some work arounds and get the effect you want.

If you remove the code for the back button, and then add a button in each view, it will be in the position you want.

<ion-view title="Event Check-in">  
        <ion-nav-buttons side="left">
            <button class="button button-icon" ng-click="goBack()">
              <i class="icon ion-arrow-left-c"></i>
              {{getPreviousTitle() || 'Back'}}
            </button>
          </ion-nav-buttons>

#3

Thank you, this is a cool tip :smile: