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

I’ve found $ionicConfigProvider in documentation.$ionicConfigProvider/

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

Please help me.


Put it in your config function

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

myApp.config(function($ionicConfigProvider) {

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


It’s work.
Thanks a lot~

1 Like

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.

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 {
  background-color: transparent; }

Or you can wait until Ionic incorporates material design

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

And the actionsheet?

Regards, Nicholls