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

I’ve found $ionicConfigProvider in documentation.
http://ionicframework.com/docs/nightly/api/provider/$ionicConfigProvider/

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

Please help me.

Thanks.

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.

6 Likes

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 .popover-backdrop.active {
  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