Icon button center in header bar in place of H1


#1

Is it possible to have a button in header bar centered in place of "ion-view title="Icon Update here " , i just want to have an update button that appear here when new update arrive ? I just try different solutions without success - any idea ?
My codepen here : http://codepen.io/weareburo/pen/dCGhl


#2

Hey, I had your problem and realised that the <h1 class="title"> automagically centered anything inside it because assiging the position: center to the icon didn’t work. I just did this and it worked:

      <div class="bar bar-header bar-stable"; style="position: fixed">
        <button class="button button-icon icon ion-navicon"></button>
        <h1 class="title"; style="padding-top: 5px"><button class="button button-icon icon ion-help-buoy"></button></h1>
      <button class="button button-icon icon ion-ios7-plus-empty"></button>

Paste it in your code, I hope it works for you!

  • Luca