# Ion-tabs just for one page?

**URL:** <https://forum.ionicframework.com/t/ion-tabs-just-for-one-page/116397>\
**Category:** ionic-v3\
**Created:** [December 25, 2017, 8:04pm UTC](https://forum.ionicframework.com/t/ion-tabs-just-for-one-page/116397 "2017-12-25T20:04:09Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![saidmrn](https://avatars.discourse-cdn.com/v4/letter/s/5e9695/32.png) [@saidmrn](https://forum.ionicframework.com/u/saidmrn)\
**Post date:** [December 25, 2017, 8:04pm UTC](https://forum.ionicframework.com/t/ion-tabs-just-for-one-page/116397/1 "2017-12-25T20:04:09Z")

</div>

is it possible to add an ion-tabs just for a page ?

I have PAGE: Restaurants and PAGE Favorites

how can i add a tabs to switch between Restaurants and Favorites without this tab appears on other pages ?

I searched and only found how to hide it.But i want to add to particular page because i will have another tabs for another pages.

Thanks !

---

<div class="post-metadata">

**Author:** ![robinyo](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/robinyo/32/115964_2.png) [@robinyo](https://forum.ionicframework.com/u/robinyo)\
**Post date:** [December 25, 2017, 11:30pm UTC](https://forum.ionicframework.com/t/ion-tabs-just-for-one-page/116397/2 "2017-12-25T23:30:23Z")

</div>

-\> is it possible to add an ion-tabs just for a page?

Try:

```auto
<ion-tabs [selectedIndex]="tabIndex" name="event">

  <ion-tab [root]="tab1Root" tabTitle="Restaurants" tabIcon="restaurants"></ion-tab>

</ion-tabs>

```

---

<div class="post-metadata">

**Author:** ![saidmrn](https://avatars.discourse-cdn.com/v4/letter/s/5e9695/32.png) [@saidmrn](https://forum.ionicframework.com/u/saidmrn)\
**Post date:** [December 26, 2017, 1:26am UTC](https://forum.ionicframework.com/t/ion-tabs-just-for-one-page/116397/3 "2017-12-26T01:26:21Z")

</div>

Hi,thanks for the help again.  
for unknown reason,when i add it to my page,when i click to load it,the browser stop responding and i need to force to close it.

i added :

```auto
<ion-tabs>
  <ion-tab [root]="tab1Root"></ion-tab>
  <ion-tab [root]="tab2Root"></ion-tab>
  <ion-tab [root]="tab3Root"></ion-tab>
</ion-tabs>

```

and

```auto
 tab1Root = Page1;
  tab2Root = Page2;
  tab3Root = Page3;

```

---

<div class="post-metadata">

**Author:** ![Jacktoolsnet](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/jacktoolsnet/32/107318_2.png) [@Jacktoolsnet](https://forum.ionicframework.com/u/Jacktoolsnet)\
**Post date:** [December 26, 2017, 6:50am UTC](https://forum.ionicframework.com/t/ion-tabs-just-for-one-page/116397/4 "2017-12-26T06:50:52Z")

</div>

I don’t know ig i get your question right.

I have an app with tabs as root page. When I use navCtrl.push(‘newPage’) then it shows the new Page without tabs.

Or I use this to push another tab page with different tabs.

And I use nabCtr.setRoot(‘loginPage’). Works too.

---

<div class="post-metadata">

**Author:** ![saidmrn](https://avatars.discourse-cdn.com/v4/letter/s/5e9695/32.png) [@saidmrn](https://forum.ionicframework.com/u/saidmrn)\
**Post date:** [December 26, 2017, 1:20pm UTC](https://forum.ionicframework.com/t/ion-tabs-just-for-one-page/116397/5 "2017-12-26T13:20:58Z")

</div>

Hello Jacktoolsnet ! thanks ! i’ll try it but if i use it,when the user changes the page via push,the tab will not change indicating which page he is alright ?

---

<div class="post-metadata">

**Author:** ![Jacktoolsnet](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/jacktoolsnet/32/107318_2.png) [@Jacktoolsnet](https://forum.ionicframework.com/u/Jacktoolsnet)\
**Post date:** [December 26, 2017, 1:35pm UTC](https://forum.ionicframework.com/t/ion-tabs-just-for-one-page/116397/6 "2017-12-26T13:35:49Z")

</div>

No. The pushed page lays over the tab page until you use navCtrl.pop() to remove it.

---

<div class="post-metadata">

**Author:** ![saidmrn](https://avatars.discourse-cdn.com/v4/letter/s/5e9695/32.png) [@saidmrn](https://forum.ionicframework.com/u/saidmrn)\
**Post date:** [December 26, 2017, 1:49pm UTC](https://forum.ionicframework.com/t/ion-tabs-just-for-one-page/116397/7 "2017-12-26T13:49:18Z")

</div>

but using like this,i can’t use this plugin alright ?

> **[zyra/ionic2-super-tabs](https://github.com/zyra/ionic2-super-tabs)**
>
> ionic2-super-tabs - Swipeable Tabs for Ionic 3

---

<div class="post-metadata">

**Author:** ![Jacktoolsnet](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/jacktoolsnet/32/107318_2.png) [@Jacktoolsnet](https://forum.ionicframework.com/u/Jacktoolsnet)\
**Post date:** [December 26, 2017, 2:05pm UTC](https://forum.ionicframework.com/t/ion-tabs-just-for-one-page/116397/8 "2017-12-26T14:05:31Z")

</div>

I think you have to try it. But why not?

---

<div class="post-metadata">

**Author:** ![saidmrn](https://avatars.discourse-cdn.com/v4/letter/s/5e9695/32.png) [@saidmrn](https://forum.ionicframework.com/u/saidmrn)\
**Post date:** [December 26, 2017, 3:02pm UTC](https://forum.ionicframework.com/t/ion-tabs-just-for-one-page/116397/9 "2017-12-26T15:02:44Z")

</div>

i don’t think so,because the supertabs use this stucture:

```auto
<ion-tabs>
  <ion-tab [root]="tab1Root"></ion-tab>
  <ion-tab [root]="tab2Root"></ion-tab>
  <ion-tab [root]="tab3Root"></ion-tab>
</ion-tabs>

```

if i push one page,i’ll not be using that stucture above,do you agree ?

---

<div class="post-metadata">

**Author:** ![Jacktoolsnet](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/jacktoolsnet/32/107318_2.png) [@Jacktoolsnet](https://forum.ionicframework.com/u/Jacktoolsnet)\
**Post date:** [December 26, 2017, 3:37pm UTC](https://forum.ionicframework.com/t/ion-tabs-just-for-one-page/116397/10 "2017-12-26T15:37:09Z")

</div>

This looks like in the ionic docs.

Here is a screencast where you can see how setroot an push works.

---

<div class="post-metadata">

**Author:** ![saidmrn](https://avatars.discourse-cdn.com/v4/letter/s/5e9695/32.png) [@saidmrn](https://forum.ionicframework.com/u/saidmrn)\
**Post date:** [December 26, 2017, 10:16pm UTC](https://forum.ionicframework.com/t/ion-tabs-just-for-one-page/116397/11 "2017-12-26T22:16:21Z")

</div>

Wow awesome app!

i just solved my problem.  
I was generating a new page,but instead of use ionic g page,i used ionic g.  
ionic show me list and i found “tabs” in the list,so i create the tabs via cmd,tested and is working well !

i added too :

```auto
tabsHideOnSubPages="true"

```

---

<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:** [July 19, 2021, 9:57pm UTC](https://forum.ionicframework.com/t/ion-tabs-just-for-one-page/116397/12 "2021-07-19T21:57:38Z")

</div>

Closed on July 19, 2021, 9:57pm UTC