Changing the default theme to ios

Ionic Framework ionic-v3
1

Hello, In ionic version 2.0.0-beta.25 When I run the application on the desktop browser I get the android theme by default, Prior to beta 24 or 23 it shows the ios theme by default. How to change the default theme to ios?

2

Material Design is the new default for desktop web:

To get the iOS theme in the browser you can use the ionicPlatform URL parameter:

http://localhost:8100/?ionicPlatform=ios

2 Likes
3

thanks worked for me

4

Thanks worked for me, http://localhost:8100/?ionicPlatform=windows => For windows

5

What if I want Windows theme all trough my ionic 3 web app, and I don’t want that arg to pollute my URL?
Is there a solution to this, a global setter ?

Thanks,

6

Nevermind, I found it, although it is not very well documented.

It states:

mode string The mode to use throughout the application.

Should say:

mode string The mode to use throughout the application. Available options: “ios”, “md”, “wp”.

So, for anyone reading this…

If you want to set windows mode, for instance, without resorting to the url “hack”,this what your app.module.ts should look like (basic example):

import {BrowserModule} from "@angular/platform-browser";
import {ErrorHandler, NgModule} from "@angular/core";
import {IonicApp, IonicErrorHandler, IonicModule} from "ionic-angular";
import {MyApp} from "./app.component";
import {LoginPage} from "../pages/login/login";

@NgModule({
    declarations: [
        MyApp,
        LoginPage
    ],
    imports: [
        BrowserModule,
        IonicModule.forRoot(MyApp, {
            mode: 'wp'
        })
    ],
    bootstrap: [IonicApp],
    entryComponents: [
        MyApp,
        LoginPage
    ],
    providers: [
        {provide: ErrorHandler, useClass: IonicErrorHandler}
    ]
})
export class AppModule {
}
2 Likes
7

Thank you! Saved me a ton of effort when using Firebase to deploy to a custom domain name!