# Showing tabs with inline-content

**URL:** <https://forum.ionicframework.com/t/showing-tabs-with-inline-content/8127>\
**Category:** uncategorized\
**Created:** [August 12, 2014, 7:16pm UTC](https://forum.ionicframework.com/t/showing-tabs-with-inline-content/8127 "2014-08-12T19:16:24Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![ionicNewbe](https://avatars.discourse-cdn.com/v4/letter/i/97f17d/32.png) [@ionicNewbe](https://forum.ionicframework.com/u/ionicNewbe)\
**Post date:** [August 12, 2014, 7:16pm UTC](https://forum.ionicframework.com/t/showing-tabs-with-inline-content/8127/1 "2014-08-12T19:16:24Z")

</div>

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](http://ionicframework.com/docs/api/directive/ionTabs/). 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?

---

<div class="post-metadata">

**Author:** ![mhartington](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mhartington/32/137757_2.png) [@mhartington](https://forum.ionicframework.com/u/mhartington)\
**Post date:** [August 13, 2014, 1:14pm UTC](https://forum.ionicframework.com/t/showing-tabs-with-inline-content/8127/2 "2014-08-13T13:14:11Z")

</div>

Close, but a bit off

You would want to do this.

```auto
ion-view
  ion-tabs
    ion-tab
      ion-content

```

Excuse the shorthand

---

<div class="post-metadata">

**Author:** ![ionicNewbe](https://avatars.discourse-cdn.com/v4/letter/i/97f17d/32.png) [@ionicNewbe](https://forum.ionicframework.com/u/ionicNewbe)\
**Post date:** [August 13, 2014, 8:44pm UTC](https://forum.ionicframework.com/t/showing-tabs-with-inline-content/8127/3 "2014-08-13T20:44:52Z")

</div>

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