Solved - How to get header bar buttons in tab application?


#1

Hello,

I have an app based on the tab starter template. I want buttons in my header, i tried

    <ion-header-bar align-title="left" class="bar-positive">
      <div class="buttons">
        <button class="button" ng-click="doSomething()">Left Button</button>
      </div>
      <h1 class="title">Title!</h1>
      <div class="buttons">
        <button class="button">Right Button</button>
      </div>
    </ion-header-bar>```
 in my `<ion-view>`, but with no result, the header bar stays empty!
Can someone point me into the right direction?

Thanks a lot! 

#2

Use ion-nav-button

http://ionicframework.com/docs/api/directive/ionNavButtons/


#3

Hi, for some reason “side=right” isn’t working for me, it keeps showing in the left side of the header any one know why such a thing could happen? @mhartington

thanks in advance.


#4

Can you post an example of what you mean? codepen or plunker


#5

Well, i solved it by replacing ionic.css and ionic.min.css with original ones, maybe i touched somthing, I dunno…

thanks anyways!