# Ionic start sample tabs

**URL:** <https://forum.ionicframework.com/t/ionic-start-sample-tabs/68232>\
**Category:** ionic-v1\
**Created:** [October 26, 2016, 6:40am UTC](https://forum.ionicframework.com/t/ionic-start-sample-tabs/68232 "2016-10-26T06:40:40Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![vchauhan](https://avatars.discourse-cdn.com/v4/letter/v/ecc23a/32.png) [@vchauhan](https://forum.ionicframework.com/u/vchauhan)\
**Post date:** [October 26, 2016, 6:40am UTC](https://forum.ionicframework.com/t/ionic-start-sample-tabs/68232/1 "2016-10-26T06:40:40Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![vchauhan](https://avatars.discourse-cdn.com/v4/letter/v/ecc23a/32.png) [@vchauhan](https://forum.ionicframework.com/u/vchauhan)\
**Post date:** [October 26, 2016, 7:03am UTC](https://forum.ionicframework.com/t/ionic-start-sample-tabs/68232/2 "2016-10-26T07:03:24Z")

</div>

Here is the snapshot.

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

---

<div class="post-metadata">

**Author:** ![addwebsolution](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/addwebsolution/32/120392_2.png) [@addwebsolution](https://forum.ionicframework.com/u/addwebsolution)\
**Post date:** [October 26, 2016, 7:07am UTC](https://forum.ionicframework.com/t/ionic-start-sample-tabs/68232/3 "2016-10-26T07:07:27Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![vchauhan](https://avatars.discourse-cdn.com/v4/letter/v/ecc23a/32.png) [@vchauhan](https://forum.ionicframework.com/u/vchauhan)\
**Post date:** [October 26, 2016, 7:15am UTC](https://forum.ionicframework.com/t/ionic-start-sample-tabs/68232/4 "2016-10-26T07:15:36Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![addwebsolution](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/addwebsolution/32/120392_2.png) [@addwebsolution](https://forum.ionicframework.com/u/addwebsolution)\
**Post date:** [October 26, 2016, 7:26am UTC](https://forum.ionicframework.com/t/ionic-start-sample-tabs/68232/5 "2016-10-26T07:26:32Z")

</div>

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

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

Hope this will help you.

---

<div class="post-metadata">

**Author:** ![vchauhan](https://avatars.discourse-cdn.com/v4/letter/v/ecc23a/32.png) [@vchauhan](https://forum.ionicframework.com/u/vchauhan)\
**Post date:** [October 26, 2016, 7:30am UTC](https://forum.ionicframework.com/t/ionic-start-sample-tabs/68232/6 "2016-10-26T07:30:21Z")

</div>

> [@addwebsolution](#):
>
> $ionicConfigProvider.tabs.position(‘bottom’);

I tried to force it to bottom with

```

```

but still behaves the same on device.

Will check the config option now

---

<div class="post-metadata">

**Author:** ![vchauhan](https://avatars.discourse-cdn.com/v4/letter/v/ecc23a/32.png) [@vchauhan](https://forum.ionicframework.com/u/vchauhan)\
**Post date:** [October 26, 2016, 7:39am UTC](https://forum.ionicframework.com/t/ionic-start-sample-tabs/68232/7 "2016-10-26T07:39:36Z")

</div>

This worked.

Thanks a lot…!

---

<div class="post-metadata">

**Author:** ![addwebsolution](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/addwebsolution/32/120392_2.png) [@addwebsolution](https://forum.ionicframework.com/u/addwebsolution)\
**Post date:** [October 26, 2016, 7:41am UTC](https://forum.ionicframework.com/t/ionic-start-sample-tabs/68232/8 "2016-10-26T07:41:00Z")

</div>

Welcome 🙂 ,

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

Thanks,