Footer issue on Android

ionic-v1
1

Hi,

I have created a simple tabs application and run using ionic serve --lab on browser. The footer on the android panel is not aligned properly at bottom.

image
issue.png1024×732 43.3 KB

How can I fix this issue?

2

Hi,

It’s expected, but you can force the behavior by configuring it:

http://ionicframework.com/docs/api/provider/$ionicConfigProvider/

$ionicConfigProvider.tabs.position('bottom')

3

Thanks Shaoner,

I had added $ionicConfigProvider.tabs.position('bottom'); in .config section in app.js. It works.

Was this issue happening because of android basic behavior like title on the left corner? Why should we need to force? Is there any reason? Please let me know…

4

Yes exactly, it’s more like an android convention.
Users may expect the tab-bar to be on top, but honestly I don’t think it really matters from an ergonomic point of view as long as it is clear what the bar is for.