Showing tabs with inline-content

1

Hello,

I have a view in my AngularJS app that uses tabs. I’m trying to show tabs with tab content inline. I’m following the usage shown here. My view looks like this:

<ion-view>   <ion-content>     <ion-tabs class="tabs-positive tabs-icon-only">       <ion-tab title="Home" icon-on="ion-ios7-filing" icon-off="ion-ios7-filing-outline">         Home Content       </ion-tab>            <ion-tab title="About" icon-on="ion-ios7-filing" icon-off="ion-ios7-filing-outline">         AboutContent       </ion-tab>            <ion-tab title="Settings" icon-on="ion-ios7-filing" icon-off="ion-ios7-filing-outline">         Settings Content       </ion-tab>     </ion-tabs>       </ion-content> </ion-view>

When I navigate to this screen, the tabs do not appear. I do not understand what I’m doing wrong. I do not see any errors in the console window. What am I doing wrong?

2

Close, but a bit off

You would want to do this.

ion-view
  ion-tabs
    ion-tab
      ion-content

Excuse the shorthand

1 Like
3

Doh! Thank you so much for pointing out my mistake. I sincerely appreciate your help.