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:
- I already have ion nav bar setup on my index page with back buttons.
- I have few tabs for different page navigation
- 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>