Can you put lists inside tabs?

1

I have tabs in a modal and one of the tabs needs to have a scrolling list inside it. My first attempt is:

<ion-modal-view title="Add">
  <a class="button button-icon icon ion-close-circled" ng-click="closeAddModal()"></a>
    <ion-tabs class="tabs-top">
      <ion-tab icon="ion-camera">
        <ion-list>
          <ion-item><div class="item"><button class="button button-icon icon ion-camera tile"></button></div></ion-item>
        </ion-list>
      </ion-tab>
      <ion-tab icon="ion-earth">
        <a class="button button-icon icon ion-close-circled" ng-click="closeAddModal()"></a>
      </ion-tab>
    </ion-tabs>
</ion-modal-view>

The div renders above the tabs despite tabs-top class.

2

Never mind, I figured this out - I forgot to add <ion-content> tags :smile: -)

1 Like