ionic-super-tabs icon indicating copy to clipboard operation
ionic-super-tabs copied to clipboard

Infinite loop

Open grimace opened this issue 8 years ago • 12 comments
trafficstars

I couldn't find it in the documentation, but I'm sure I might have missed something.

grimace avatar May 01 '17 15:05 grimace

Not sure what you mean by wrap around left or right

ihadeed avatar May 01 '17 16:05 ihadeed

If I have 5 tabs and I get to the far left and swipe left, go to the one on the far right. i.e. tab4<-tab0 or tab4->tab0. or like 4,0,1,2,3,4,0.

grimace avatar May 01 '17 16:05 grimace

Sorry @grimace, I'm still not able to understand your question.

Could you please demonstrate it with a video? or provide an example?

ihadeed avatar May 01 '17 19:05 ihadeed

Sorry for the confusion. How about this? Let's say you have 3 tabs; Tab1, Tab2, Tab3.

  1. Starting from the left ( Tab1 )
  2. Swipe right to Tab2
  3. Swipe right to Tab3
  4. Continue to swipe right from Tab3 - currently, nothing happens ( of course you could go back the other way, but not what I was looking for )
  5. What I'm interested in is the ability to swipe right from Tab3 ( wrapping back around ) to Tab1. So that you could actually continuously swipe in one direction forever ( or until you get tired of the exercise).

grimace avatar May 01 '17 21:05 grimace

@grimace

oh, so like the loop option on ion-slides ?

There isn't an option for that right now. I should be able to implement it in the near future.

ihadeed avatar May 01 '17 23:05 ihadeed

@ihadeed I'm expecting for loop option too! Anyway, thank you for this beautiful plugin :)

darron1217 avatar May 02 '17 08:05 darron1217

Yes, exactly what I was looking for. Also like to express my gratitude. Great project. Thanks!

grimace avatar May 02 '17 12:05 grimace

Really hope to see this feature implemented soon. Although, it's been almost 2 years old request already.

NgYueHong avatar Apr 05 '19 08:04 NgYueHong

@NgYueHong I'll try to implement this if it performs well. The new super tabs is based on a flex box .. so it should be easier to move the tabs around and give the user the feeling of an infinite loop.

ihadeed avatar Apr 07 '19 00:04 ihadeed

@ihadeed I work on ionic 4 application but when I loop the super-tab-button and super-tab I have this error : core.js:15723 ERROR Error: Uncaught (in promise): TypeError: Cannot set property 'active' of undefined TypeError: Cannot set property 'active' of undefined at SuperTabsToolbarComponent.push../node_modules/@ionic-super-tabs/core/dist/esm/legacy/super-tab-button_2.entry.js.SuperTabsToolbarComponent.markButtonActive (super-tab-button_2.entry.js:249)

rajabmohammadi avatar Jul 02 '19 10:07 rajabmohammadi

@ihadeed It's great to see that Ionic 4 is now officially supported and I am really looking forward to see this feature implemented soon. With this feature, it will be a HUGE UPGRADE to this plugin that the plugin will be able to be used for infinite page swiping. Just like Gmail app, where user can just continuously swipe to view the next email. Just imagine how much more useful this plugin will be with the implementation of infinite loop feature.

NgYueHong avatar Nov 16 '19 09:11 NgYueHong

@ihadeed Is there any news on this?

Foxion7 avatar Jun 16 '20 13:06 Foxion7