I want to get rid of the blue strip at the top.
This is what happens when I use hide-nav-bar="true"
or remove the header from html.
I just want the the tabs to exist without any blue strip above it.
Tabs:
<ion-tabs class="tabs-striped tabs-color-positive" >
<ion-tab icon-on="ion-ios-home" icon-off="ion-ios-home-outline">
<ion-nav-view name="home-tab" >
</ion-nav-view>
</ion-tab>
<ion-tab icon-on="ion-ios-keypad" icon-off="ion-ios-keypad-outline" ui-sref="tabs.app">
<ion-nav-view name="app-tab">
</ion-nav-view>
</ion-tab>
<ion-tab icon-on="ion-ios-gear" icon-off="ion-ios-gear-outline" ui-sref="tabs.setting">
<ion-nav-view name="setting-tab">
</ion-nav-view>
</ion-tab>
</ion-tabs>
Home:
<ion-view>
<ion-header-bar class="bar-positive">
<h1 class="title">HOME</h1>
</ion-header-bar>
<ion-content class="padding">
some html....
</ion-content>
</ion-view>
User
hide-nav-bar="true"
in the view for that controllerCheck this example:
add 'hide-nav-bar="true"' in ion-view tag..like this it works