How I can add sliding feature if we have more than three nested tabs?


#1

Hello,

How I can add slide feature to left or to right for nested tabs if we have 6 nested tabs like my codepen ?
So I want three from six nested tabs show in one screen for mobile version.


Can I set scroll for tabbar?
Example of nested tab bar navigation?
#2

Could anyone help me to solve this problem?


#3

I would not use tabs…
use a ionic-slidebox and add a custom header, that indicates your current position/active slide. add a click action to that indicator to go to the wanted slide:
http://ionicframework.com/docs/api/service/$ionicSlideBoxDelegate/


#4

But my big problem my friend just want nested tabs so can scrolling to left or to right.


#5

okay then you can try to use ionic gestures-system.
like:
http://ionicframework.com/docs/api/directive/onSwipeLeft/

add this to the tabs and set behave if you swipe left or right… but there will be no fancy “slide”-effect/transition.
You need to add this on your own