Subheader in Tabnav


#1

Hi,

I have a subheader and tabnav.
when i change tab the subheader also changes (The slide-over animation).
I can’t get it to work where only the content changes and the subheader stays the same.

this is the code of 1 of my views:

<ion-view title="Scoreboard" class="scoreboard">
	
	<ion-header-bar class="bar-subheader item-input-inset">

      <div class="tabs">
	    <a class="tab-item" ng-class="{ activetab: isActive('/main/home')}" href="#/main/home">
	      
	      <p>Overall</p>
	    </a>
	    <a class="tab-item" ng-class="{ activetab: isActive('/main/mine')}" href="#/main/mine">
	      
	      <p>Mine</p>
	    </a>
	    <a class="tab-item" href="#">
	      
	      <p>Companies</p>
	    </a>
	  </div>
  </ion-header-bar>
	
	 <ion-nav-buttons side="left">
      	<button class="button button-icon icon button-clear ion-navicon" menu-toggle="left"></button>
      </ion-nav-buttons>
      <ion-nav-buttons side="right">
      	<button class="button button-icon icon button-clear ion-camera" menu-toggle="left"></button>
    </ion-nav-buttons>
   
  <ion-content>
  	<p>ok</p>
  </ion-content>
</ion-view>

#2

Something like this?


#3

I already came up with a solution:

This however gave me a new problem, posted it here: