Positioning The Tabs: IONIC APPS


Some components like tabs, titles behave according to the platform they are built for. For example, on iOS the default display of tabs is at the bottom and at top in android devices.


This might look like a minor thing at the beginning of app development, but when we want to place an ad or social sharing icons at the bottom, we might like to place the tabs at the top or visa-versa!

To have consistent looks across platforms we can ‘hard set’ the tabs location by setting the tabs.position function of $ionicConfigProvider.

$ionicConfigProvider.tabs.position() takes 2 values:
1. top
2. bottom

You need to a flashplayer enabled browser to view this YouTube video

YouTube Link: http://www.youtube.com/watch?v=tXW7Px7A3qo [Watch the Video In Full Screen.]

To center the title of header you can make use of following syntax:

< ion-header-bar
< /ion-header-bar>

Leave a Reply

Your email address will not be published. Required fields are marked *