Image in center of header is not showing while using slide box


#1

Hi i am implementing slide box in my project for that i have to apply header.
For those i have referred same Demo as i have got in ionic demos.

i have used this code-

header-bar class=“bar bar-royal bar-header” left-buttons=“leftButtons” right-buttons=“rightButtons”

                    <h1 class="title" style="margin-left: 50px !important; padding: 0 !important; margin-right: 50px !important;"><img src="img/logo_icon.png" style="margin-top: 13.5px;margin-bottom: 13.5px;"></a></h1>

            </header-bar>

and after some discussion i also replaced header-bar to ion-view but this time only header display not the left and right button.

I have referred SlideBox.html form the ionic demos.

in this i m trying to put this image in my center of the header with the left and right button.

so can you tell me how it will done?

Thanks in advance.


#2

It looks like you’re using a really old format for the header-bar. Many releases ago, Ionic changed to something like this:

<ion-header-bar
  title="headerTitle"
  left-buttons="leftButtons"
  right-buttons="rightButtons"
  type="bar-positive"
  align-title="center">
</ion-header-bar>

Unfortunately, even that is about to change. When the beta comes out (soonish), this will not be correct either. I suggest you make sure you are using 0.9.27 for right now.