How to reposition ionic tabs on top position.

When you start a ionic project using the command

ionic start myApp tabs

By default , the tabs will be aligned at the bottom of the page. To change the Tabs position to the top of the app just include the following code inside the config method using $ionicConfigProvider.

var myIonicApp = angular.module('myApp', ['ionic']);
myIonicApp.config(function ($ionicConfigProvider) {
    $ionicConfigProvider.tabs.position('top');
})

 

Category: