CODEWITHSUNDEEP
ionic-frameworknavbar
Erwin van Hoof
Erwin van Hoof

Reputation: 1012

ionic: Fixed title in ion-nav-bar

I'm trying to get a fixed title in the ion-nav-bar (text or image). For a app i'm building I just need a back icon and a logo/brandname in the navbar that doesn't fade from view to view.

Can anyone help me/give me a hint to achieve this.

Thanks in advance.

Upvotes: 4

Views: 516

Answers (1)

Raj Kumar
Raj Kumar

Reputation: 983

Please use this body in your index.html. Put the content of your header bar in . Don't declare ion-nav-bar in any of your templates, so that they will inherit the header from index.html.

<body ng-app="app">
    <ion-nav-bar class="bar-positive">
        <ion-nav-back-button class="button-icon">
            <i class="ion-arrow-left-c"></i> Back
        </ion-nav-back-button>
        Your logo/name
    </ion-nav-bar>
    <ion-nav-view>
    </ion-nav-view>
</body>

Upvotes: 2

Related Questions