Add avoid-super-tabs attribute

[stionic]

Hi @ihadeed ,

I have added avoid-super-tabs attribute for avoid swipe event, hope it will helpful.

Regards.

[sfaizanh]

@stionic have you tested on real device?

[stionic]

Hi @sfaizanh

Yes, tested in Android and iOS, work fine.

Regards.

[sfaizanh]

Awesome

…

Sent from my iPhone

On Jun 16, 2018, at 16:34, Stionic ***@***.***> wrote: Hi @sfaizanh Yes, tested in Android and iOS, work fine. Regards. — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub, or mute the thread.

[ihadeed]

Thanks for the PR @stionic

Could you please provide an code sample to see how this would be used?

[stionic]

@ihadeed i

Hi,
Current, if inner super-tab component has ion-scroll horizontal then it will not work because when swipe will change tab instead of scroll.
With this pull request, developers can add avoid-super-tabs attribute for avoid swipe event and can scroll horizontal.

Sample:

<ion-content>
  <ion-scroll scrollX="true" avoid-super-tabs="true">
     <!-- Scroll content, swipe here will not change tab and will scroll -->
  </ion-scroll>
  <ion-row>
     <ion-col>Swipe here will change tab</ion-col>
  </ion-row>
</ion-content>

Regards.

[ihadeed]

Great thanks! this is awesome.

[srjovanovic]

Is this attribute implemented in 4.2.2 npm package?

[stionic]

@srjovanovic

Hi, lastest version 4.2.2 in NPM package published 5 months ago.
Now maybe you can install this repo by:

npm install https://github.com/zyra/ionic2-super-tabs.git

[srjovanovic]

@stionic
Thanks

[codebyabhisheknayar]

how do i install super-tabs with avoid-super-tabs="true" attribute.? I tried with
npm i --save ionic2-super-tabs but avoid-super-tabs not working.

[stionic]

@spyman143

Please try:

npm install https://github.com/zyra/ionic2-super-tabs.git

Regards.

[codebyabhisheknayar]

i had install with above link, but its removed my supertabs inner folder such as dist from node_modules.

@stionic please help me to solve this

[stionic]

Hi,

I have tried npm install from github but not luck,
Best way is wait for @ihadeed release new version.

[stionic]

@spyman143

Hi,

Version 4.3.0 released 8 days ago have added this pull request.
You can update now:

npm uninstall ionic2-super-tabs
npm install ionic2-super-tabs

Regards.