Can't set text in title


#1

Hi,

I start the basic tabs code and i have some problems customizing it.
this is my Home.html code.

I have tried some ways to force setting text in the title but without success.
some of my test are attached below.

can you please help me with that?

<ion-nav-bar class="bar bar-header bar-balanced">
<!-- <div class="bar bar-header bar-light">
  <h1 class="title">bar-light</h1>
</div> -->
<!--  <ion-view title="Facts">  -->    
    <h1 class="title">Elite Schedule</h1>
</ion-nav-bar>

 <ion-tabs class="tabs-energized tabs-icon-top">
    <ion-tab title="Leagues" icon="ion-home" href="#"><!--/home/leagues"> <!-- (01)-this is the location of the view-->
   <ion-view></ion-view> 
    </ion-tab>

   <ion-tab title="My Teams" icon="ion-star" ui-sref="home.myteams"> --><!-- (02)-this is the location of the view, same result as in (01)line 6 above -->
      <ion-view></ion-view> 
   </ion-tab> 
</ion-tabs>

#2

Read of of this.


#3

I use

<ion-view view-title="">

It works for the home tabs and for child pages.


#4

I had similar issues, I think, and got over them by using the ion-nav-title directive instead of just title="..."


#5

Thanks,
I will check all suggestion and update :relaxed:


#6

works just fine for me
thanks all.