Image inside .tabbar?


#1

Hello,

I am rebuilding my ionic app with ionic2. In my i1 app, I put a logo image in the tab bar (in-line with the tab icons) that would either show a logo or a back button (if canGoBack).

Now, in i2, I have tried:

<ion-tabs selectedIndex=1 tabsLayout="title-hide">
  <!-- No obvious way to put a logo on the toolbar -->
  <div class="logo-area">
    <img src="assets/img/toolbar_logo.png">
  </div>
  <ion-tab [root]="tab1Root" tabTitle="Home" tabIcon="ios-home-outline"></ion-tab>
  <ion-tab [root]="tab2Root" tabTitle="User" class="tab-user" tabIcon="ios-contact-outline"></ion-tab>
  <ion-tab [root]="tab3Root" tabTitle="Notifications" tabIcon="ios-chatboxes-outline"></ion-tab>
</ion-tabs>

But this renders the .tabbar and the .logo-area as siblings, rather than nested.
Any ideas?

Thank you


#2

I wonder if you get to achieve this. I’m in a problem very similar to this one.

I want an image to be in stead of an icon, but I’m not able to.