"bar-subheader" vs "sub-header"

ionic-v1
1

Hi,

I am new to iconic and trying my first Android app with ionic. I am using the latest ionic version available now.

What I am trying to do:

  1. I already have ion nav bar setup on my index page with back buttons.
  2. I have few tabs for different page navigation
  3. On search page, I wanted to add the search input inside subheader.
    3a. First problem was header thing was hidden inside tabs for Andriod devices but luckly I was able to push it down 93px as suggested in this thread Sub Header not showing on Android with Tabs

3b. http://ionicframework.com/docs/api/directive/ionHeaderBar/ says class has to be “bar-subheader” to make the header bar subheader. But it didn’t work for me. With this class, my input box come out from subheader (not contained inside). But accidentally without knowing the tag, I tried “sub-header”, which worked.

So my question is is “sub-header” class officially supported? or it was a fluke on my part?

I have already mentioned that I am using nav bar.

Code that didn’t work (input box comes out from subheader boundaries):

<ion-header-bar class="bar-calm bar-subheader">
    <label class="item item-input">
        <i class="icon ion-search placeholder-icon"></i>
        <input type="text" placeholder="Search">
    </label>
</ion-header-bar>

Code that worked

<ion-header-bar class="bar-calm sub-header">
    <label class="item item-input">
        <i class="icon ion-search placeholder-icon"></i>
        <input type="text" placeholder="Search">
    </label>
</ion-header-bar>

Thanks!

2

By the way “bar-sub-header” also works… I have no idea, which one is the correct one.