Can I have 10 tabs as main navigation but only show 4 and a “More” button which shows the rest in a list?

ionic-v1
1

I use tabs as main navigation. I have the following HTML

<ion-tabs class="tabs-icon-top tabs-color-active-positive">

<!-- Home Tab -->
<ion-tab title="Home" icon-off="ion-ios-home-outline" icon-on="ion-ios-home" href="#/tab/home">
	<ion-nav-view name="tab-home"></ion-nav-view>
</ion-tab>

<!-- what if I want to add 9 more tabs here? -->

</ion-tabs>

What if I want to have 10 tabs? Then I want the default iOS behaviour, which is to show 4 first tabs, a “More” tab, which upon click, shows the rest of the tabs in a list.

Is this possible in ionic?

2

I don’t believe there is anything in ionic to support that feature, you’ll have to code it up yourself. It’s an interesting idea though… makes me think it’s something i would like the core of ionic.

3

@jawache is correct. Ionic on its own can’t do that.

But you can try using Ionic 3rd party plugin called: Ionic Slide Box Tab. I think it should be able to accommodate to your needs.