Ionic2 & configurating style - overriding IOS settings


#1

Hello folks,

I would like to apply the Android material design css to all devices, even IOS, but it won’t work :frowning:

I followed som post that mentioned to only apply “config: { mode: ‘md’ }”… but it won’t work. Does anyone know, what I did wrong.

Here’s my code snippet:

import {Component, ViewChild} from '@angular/core';
import {ionicBootstrap, Platform, MenuController} from 'ionic-angular';
import {StatusBar} from 'ionic-native';
import {HelloIonicPage} from './pages/hello-ionic/hello-ionic';
import {ListPage} from './pages/list/list';


@Component({
  templateUrl: 'build/app.html',
  config: {
    mode: "md"
  },
  queries: {
    nav: new ViewChild('content')
  }
})

I really have no idea anymore, how to solve this issue.

Thanks in advance,
Oliver


#2

A bit off, the config settings do not go on the component. Instead they go on the ionicBootstrap method (docs coming soon on that)

@Component ....

export class MyClass{}....


ionicBoostrap(Myclass, null, {
    mode: "md"
}) 

#3

I will try this asap! Thank you!


#4

You probably also have an advice on this topic, right?

https://forum.ionicframework.com/t/responsive-design-hiding-elements-on-different-devices/54250

Probably just solveable by using media queries - would be a nice feature! :slight_smile:

Would you also develop a desktop/browser application with Ionic2?

Thanks again,
Oliver