Top header buttons

@coreelements wrote:

I have an header :

    <ion-side-menu-content drag-content="false">

        <ion-nav-bar class="bar bar-dark top-header">

            <ion-nav-back-button  class="button-clear">
                <i class="ion-arrow-left-c"></i> Back
            </ion-nav-back-button>

            <ion-nav-buttons side="left">
                <button class="button button-icon icon ion-navicon" menu-toggle="left" ng-show='showLeftMenu'></button>
            </ion-nav-buttons>

            <ion-nav-buttons side="right">
                <button class="button button-icon icon-menu-right" menu-toggle="right" ng-show='showRightMenu'><span class='fa fa-user'></span></button>
            </ion-nav-buttons>

        </ion-nav-bar>

        <ion-nav-view name="viewContent"></ion-nav-view>

    </ion-side-menu-content>

So in normal state, the header is something like

[icon left] <image> [icon right]

In my content I have a list with items. When I click on a item, a detail view is loaded.

The html snippet for the detail view

<ion-view view-title="" >

    <ion-nav-title class='ion-nav-title'>
        <img src="images/top-header.png" class="top-header" ng-click="toHome()"/>
    </ion-nav-title>

The header will change to

[back button] <image>

But I also want an icon on the right side on the detail view something like

[back button] <image> [icon right]

Any ideas to do this?

Posts: 1

Participants: 1

Read full topic