How to put bottom image in ion-nav-bar?


#1

I try to put an image in my ion-nav-bar like this:

but the result i want is like this:

I took the theme example tabs my code is here:

  <ion-nav-bar class="bar-stable nav-title-slide-ios7" style="background:#2f5689; border: none;">
      
   <img src="img/header-bar.png" style="margin-top: 28px;">  
      
  <ion-nav-back-button class="button-icon icon  ion-ios7-arrow-back back-button">     
    
  </ion-nav-back-button>
      
</ion-nav-bar>

How can i get it like that?


#2

You could use css border images for this.

…if not because it works and is cool…but because I spent 15 mins trying to figure it out… :grimacing:


#3

Thank you this helpfully so much.