# How to use iOS style on android ? ( disable platform specific styles )

**URL:** <https://forum.ionicframework.com/t/how-to-use-ios-style-on-android-disable-platform-specific-styles/20421>\
**Category:** ionic-v1\
**Created:** [April 7, 2015, 7:44am UTC](https://forum.ionicframework.com/t/how-to-use-ios-style-on-android-disable-platform-specific-styles/20421 "2015-04-07T07:44:38Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![lingyired](https://avatars.discourse-cdn.com/v4/letter/l/439d5e/32.png) [@lingyired](https://forum.ionicframework.com/u/lingyired)\
**Post date:** [April 7, 2015, 7:44am UTC](https://forum.ionicframework.com/t/how-to-use-ios-style-on-android-disable-platform-specific-styles/20421/1 "2015-04-07T07:44:39Z")

</div>

I’ve found $ionicConfigProvider in documentation.  
[http://ionicframework.com/docs/nightly/api/provider/$ionicConfigProvider/](http://ionicframework.com/docs/nightly/api/provider/%24ionicConfigProvider/)

But I don’t know how to make it work.

Please help me.

Thanks.

---

<div class="post-metadata">

**Author:** ![brandyshea](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/brandyshea/32/148286_2.png) [@brandyshea](https://forum.ionicframework.com/u/brandyshea)\
**Post date:** [April 7, 2015, 2:24pm UTC](https://forum.ionicframework.com/t/how-to-use-ios-style-on-android-disable-platform-specific-styles/20421/2 "2015-04-07T14:24:47Z")

</div>

Put it in your config function

```
var myApp = angular.module('reallyCoolApp', ['ionic']);

myApp.config(function($ionicConfigProvider) {
    $ionicConfigProvider.views.transition('ios');
    $ionicConfigProvider.tabs.style('standard').position('bottom');
    $ionicConfigProvider.navBar.alignTitle('center').positionPrimaryButtons('left');
});

```

This will override all platforms to iOS style, if you want to just change android you would use `$ionicConfigProvider.platform.android` instead of just `$ionicConfigProvider` above.

---

<div class="post-metadata">

**Author:** ![lingyired](https://avatars.discourse-cdn.com/v4/letter/l/439d5e/32.png) [@lingyired](https://forum.ionicframework.com/u/lingyired)\
**Post date:** [April 8, 2015, 2:08am UTC](https://forum.ionicframework.com/t/how-to-use-ios-style-on-android-disable-platform-specific-styles/20421/3 "2015-04-08T02:08:59Z")

</div>

It’s work.  
Thanks a lot~

---

<div class="post-metadata">

**Author:** ![Purusothaman](https://avatars.discourse-cdn.com/v4/letter/p/58f4c7/32.png) [@Purusothaman](https://forum.ionicframework.com/u/Purusothaman)\
**Post date:** [April 8, 2015, 4:32am UTC](https://forum.ionicframework.com/t/how-to-use-ios-style-on-android-disable-platform-specific-styles/20421/4 "2015-04-08T04:32:42Z")

</div>

How to use the PopOver style of iOS in Android? I see that dynamically Ionic injects classes using hook.

Even if I override, it works fine in browser and not in device.

---

<div class="post-metadata">

**Author:** ![brandyshea](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/brandyshea/32/148286_2.png) [@brandyshea](https://forum.ionicframework.com/u/brandyshea)\
**Post date:** [April 16, 2015, 7:47pm UTC](https://forum.ionicframework.com/t/how-to-use-ios-style-on-android-disable-platform-specific-styles/20421/5 "2015-04-16T19:47:20Z")

</div>

Have you tried completely removing the styling from the css file?

```
.platform-android .popover {
  margin-top: -32px;
  background-color: #fafafa;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35); }
  .platform-android .popover .item {
    border-color: #fafafa;
    background-color: #fafafa;
    color: #4d4d4d; }
  .platform-android .popover.popover-bottom {
    margin-top: 32px; }
.platform-android .popover-backdrop, .platform-android .popover-backdrop.active {
  background-color: transparent; }

```

Or you can wait until Ionic incorporates material design

> **[Actionsheet's Android "ugly" styling.. need help](http://forum.ionicframework.com/t/actionsheets-android-ugly-styling-need-help/18462/2?u=brandyshea)**
>
> Just to remind you, we're incorporating material design aspects into ionic, so thats why there are style changes. http://codepen.io/mhartington/pen/KwBpRq http://www.google.com/design/spec/components/bottom-sheets.html#bottom-sheets-usage To...

---

<div class="post-metadata">

**Author:** ![Purusothaman](https://avatars.discourse-cdn.com/v4/letter/p/58f4c7/32.png) [@Purusothaman](https://forum.ionicframework.com/u/Purusothaman)\
**Post date:** [April 24, 2015, 6:27am UTC](https://forum.ionicframework.com/t/how-to-use-ios-style-on-android-disable-platform-specific-styles/20421/6 "2015-04-24T06:27:04Z")

</div>

This looks like a hack. I can wait till material is out

---

<div class="post-metadata">

**Author:** ![jdnichollsc](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/jdnichollsc/32/137196_2.png) [@jdnichollsc](https://forum.ionicframework.com/u/jdnichollsc)\
**Post date:** [August 20, 2016, 11:26pm UTC](https://forum.ionicframework.com/t/how-to-use-ios-style-on-android-disable-platform-specific-styles/20421/7 "2016-08-20T23:26:52Z")

</div>

And the actionsheet?

Regards, Nicholls