Comments (12)
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.
from ionic-super-tabs.
@ihadeed I'm expecting for loop
option too!
Anyway, thank you for this beautiful plugin :)
from ionic-super-tabs.
@ihadeed Is there any news on this?
from ionic-super-tabs.
Not sure what you mean by wrap around left or right
from ionic-super-tabs.
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.
from ionic-super-tabs.
Sorry @grimace, I'm still not able to understand your question.
Could you please demonstrate it with a video? or provide an example?
from ionic-super-tabs.
Sorry for the confusion. How about this?
Let's say you have 3 tabs; Tab1, Tab2, Tab3.
- Starting from the left ( Tab1 )
- Swipe right to Tab2
- Swipe right to Tab3
- 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 )
- 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).
from ionic-super-tabs.
Yes, exactly what I was looking for. Also like to express my gratitude. Great project. Thanks!
from ionic-super-tabs.
Really hope to see this feature implemented soon. Although, it's been almost 2 years old request already.
from ionic-super-tabs.
@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.
from ionic-super-tabs.
@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)
from ionic-super-tabs.
@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.
from ionic-super-tabs.
Related Issues (20)
- tab indicator is not located correctly in firefox when padding exists
- ReIndexTabs undefined issue renders the tab blank HOT 2
- Super Tabs Toolbar pushed up when keyboard is activated HOT 1
- Need help on Super tab containing Table with horizontal scrollbar and fixed column HOT 2
- How to place super-tabs inside ion-toolbar HOT 2
- Framework Delegate is Missing Zone <root> (ion-nav root component not showing in browser) HOT 2
- When i prefetched new tabs list and concat it to the current tabs list the tab toolbar scrolls back to the last selected tab.
- How to change color from indicator and icon on the app?
- in 7.0.8 Version - Its throwing error as Can not read Property 'TransitionDuration' of Undefined. HOT 1
- Angular 10 || 11 and Ionic 5: Generic type 'ModuleWithProviders<T>' requires 1 type argument(s) error HOT 1
- Change tab programmatically. activeTabIndex not work.
- There isn't any props to disable ion-ripple-effect HOT 6
- Lazy loadingn not working - unloadWhenInvisible doing nothing HOT 2
- Tab content become empty when change tabs. Happens only on iOS 14.5 upwards
- super-tab-button animation slides from top on load
- Super Tabs - how to pass page to [root] correctly? HOT 1
- Having two supertabs pages, how to go from first page to second page programmatically?
- ion-refresher doesn't work in multiple tabs
- *ngIf and *ngOf directives not working
- not working on latest ionic v7.1.1 HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ionic-super-tabs.