# Creating sliding tabs

**URL:** <https://forum.ionicframework.com/t/creating-sliding-tabs/53384>\
**Category:** ionic-v3\
**Created:** [May 30, 2016, 1:33pm UTC](https://forum.ionicframework.com/t/creating-sliding-tabs/53384 "2016-05-30T13:33:25Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![chandroiud](https://avatars.discourse-cdn.com/v4/letter/c/8e7dd6/32.png) [@chandroiud](https://forum.ionicframework.com/u/chandroiud)\
**Post date:** [May 30, 2016, 1:33pm UTC](https://forum.ionicframework.com/t/creating-sliding-tabs/53384/1 "2016-05-30T13:33:25Z")

</div>

Hello, I want implement the sliding tabs, Is there a way to implement sliding tabs in ionic2, I tired with:

```
<ion-slides class="indibox" #mySlider >
            <ion-slide>
                 <ion-tab [root]="cars" [rootParams]="fooId" tabTitle="cars" tabIcon="pulse"></ion-tab>
            </ion-slide>
             <ion-slide>
                 <ion-tab [root]="bikes" [rootParams]="fooId" tabTitle="bikes" tabIcon="pulse"></ion-tab>
            </ion-slide>
          <ion-slide>
                 <ion-tab [root]="ships" [rootParams]="fooId" tabTitle="ships" tabIcon="pulse"></ion-tab>
            </ion-slide>
            <ion-slide>
                 <ion-tab [root]="aeroplane" [rootParams]="fooId" tabTitle="Aeroplane" tabIcon="pulse"></ion-tab>
            </ion-slide>
            <ion-slide>
                 <ion-tab [root]="tankers" [rootParams]="fooId" tabTitle="tankers" tabIcon="pulse"></ion-tab>
            </ion-slide>
</ion-slides>

```

But this did not work. Can I get the inputs on how to achieve it?

---

<div class="post-metadata">

**Author:** ![zao](https://avatars.discourse-cdn.com/v4/letter/z/ce7236/32.png) [@zao](https://forum.ionicframework.com/u/zao)\
**Post date:** [June 2, 2016, 7:10pm UTC](https://forum.ionicframework.com/t/creating-sliding-tabs/53384/2 "2016-06-02T19:10:19Z")

</div>

i have same problem ,mark sign

---

<div class="post-metadata">

**Author:** ![george\_eleutheriou](https://avatars.discourse-cdn.com/v4/letter/g/e19b73/32.png) [@george\_eleutheriou](https://forum.ionicframework.com/u/george_eleutheriou)\
**Post date:** [June 6, 2016, 12:49am UTC](https://forum.ionicframework.com/t/creating-sliding-tabs/53384/3 "2016-06-06T00:49:04Z")

</div>

I also would like this feature. I tried to implement it using the gestures like this:

`<ion-content (swipeleft)="swipeLeft()" (swiperight)="swipeRight()">`

`swipeLeft() { let tab: Tabs = this.nav.parent; tab.select(1); }`

`swipeRight() { let tab: Tabs = this.nav.parent; tab.select(2); }`

this method works but i lose the ability to scroll in the page used. Maybe someone else has any solution to this.

---

<div class="post-metadata">

**Author:** ![chandroiud](https://avatars.discourse-cdn.com/v4/letter/c/8e7dd6/32.png) [@chandroiud](https://forum.ionicframework.com/u/chandroiud)\
**Post date:** [June 6, 2016, 4:36am UTC](https://forum.ionicframework.com/t/creating-sliding-tabs/53384/4 "2016-06-06T04:36:05Z")

</div>

Hello Try using I gives the sliding effect for the tabs

---

<div class="post-metadata">

**Author:** ![AishApp](https://avatars.discourse-cdn.com/v4/letter/a/9de053/32.png) [@AishApp](https://forum.ionicframework.com/u/AishApp)\
**Post date:** [June 18, 2016, 1:08pm UTC](https://forum.ionicframework.com/t/creating-sliding-tabs/53384/5 "2016-06-18T13:08:37Z")

</div>

Did you get any solution to this? Even i am in need of it

---

<div class="post-metadata">

**Author:** ![chandroiud](https://avatars.discourse-cdn.com/v4/letter/c/8e7dd6/32.png) [@chandroiud](https://forum.ionicframework.com/u/chandroiud)\
**Post date:** [June 20, 2016, 5:42am UTC](https://forum.ionicframework.com/t/creating-sliding-tabs/53384/6 "2016-06-20T05:42:52Z")

</div>

No, Since sliding tabs were not possible I’m using accordion

---

<div class="post-metadata">

**Author:** ![AishApp](https://avatars.discourse-cdn.com/v4/letter/a/9de053/32.png) [@AishApp](https://forum.ionicframework.com/u/AishApp)\
**Post date:** [June 20, 2016, 5:48am UTC](https://forum.ionicframework.com/t/creating-sliding-tabs/53384/7 "2016-06-20T05:48:33Z")

</div>

Thanks for your reply @chandroiud. I am expecting this feature in ionic 2 sooner.

---

<div class="post-metadata">

**Author:** ![yasirpanjsheri](https://avatars.discourse-cdn.com/v4/letter/y/c0e974/32.png) [@yasirpanjsheri](https://forum.ionicframework.com/u/yasirpanjsheri)\
**Post date:** [February 15, 2017, 11:31am UTC](https://forum.ionicframework.com/t/creating-sliding-tabs/53384/8 "2017-02-15T11:31:24Z")

</div>

hi there…any updates on this ?