Beta 14 Tab went top of the screen


#1

Without any changes, my ion-tab went top of the view, it was at the bottom in beta 13…

Any idea?


[Duplicate, Solved] Tabs-bottom doesn't put tabs at the bottom on Android since b14
Ionic beta14 make tabs upside in andriod!
#2

Is it on android only?


#3

That is correct. I am on Android


#4

Please read over the platform configuration documents.
This is an intentional design change for android, but can be configured.

http://ionicframework.com/docs/api/provider/$ionicConfigProvider/
http://ionicframework.com/blog/the-final-beta/


Tabs move & change class when run on Android device?
#5

How is this intended to work with nested tab views? Is it possible to position one tabset along the bottom for primary navigation, and the nested tabs just below the title for secondary navigation?

I just started digging, but as far as I can tell from the docs, the $ionicConfigProvider only allows you to specify a global tab position. If the design choice is to use $ionicConfigProvider vs. css-classes to configure the behavior of the tab strip, it would be nice to have the ability to pass in an optional delegate-handle to indicate which tab strip is being configured.

Usage:

// Global (default)
$ionicConfigProvider.tabs.position('bottom');

// Overridden for specific tabs
$ionicConfigProvider.tabs.position('bottom', 'primary');
$ionicConfigProvider.tabs.position('top', 'secondary');

Or perhaps…

$ionicConfigProvider.tabs('primary').position('top');
$ionicConfigProvider.tabs('secondary').position('bottom');

#6

hi Jeremy, how did you solve this with nested tabs?


#7

We re-designed our navigation. We were having a bunch of issues with nested tabs, and one of the framework developers commented on a different issue, indicating that nested tabs were not supported, and he was surprised they even worked as well as they did.

Probably not the answer you were hoping for. :frowning:

We also noted in the Material Design spec that nested tabs should not be used.