Ionic start sample tabs

ionic-v1
1

The default tabs template is showing menu tabs on top rather than being on the bottom.
What has changed. I am still using ionic and not ionic 2

2

Here is the snapshot.

https://dl.dropboxusercontent.com/u/78259188/Screen%20Shot%202016-10-25%20at%2023.38.43.png

3

Hi vchauhan,

Please review your tabs.html file and in that review

<ion-tabs class="tabs-icon-top tabs-top tabs-color-active-positive">

this line. If tabs-top class is there then please remove it.

4

I checked that and it doesn’t have that class. Here is what I have.



Its working fine on the ionic serve but not on the emulator/phone.

            


            

              
              
              
            


          

          

            

              



              
                  
                  
              5
              
            

            

              
ok then in your .config() function add below mentioned line


$ionicConfigProvider.tabs.position('bottom');


Hope this will help you.

            


            

              
              
              1 Like
            


          

          

            

              



              
                  
                  
              6
              
            

            

              

I tried to force it to bottom with




but still behaves the same on device.


Will check the config option now

            


            

              
              
              
            


          

          

            

              



              
                  
                  
              7
              
            

            

              
This worked.


Thanks a lot…!

            


            

              
              
              
            


          

          

            

              



              
                  
                  
              8
              
            

            

              
Welcome :slight_smile: ,


if answer worked for you then you can always like the answer by clicking on Heart symbol.


Thanks,