We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Essential JS2

Syncfusion jQuery based widgets are no longer in active development. Switch to our pure JavaScript based next generation Essential JS 2 library.

Try Essential JS 2
Syncfusion Feedback

How can I assign the default theme of a specific mobile OS to the automatic theme system?

Platform: jQuery |
Control: General |
Published Date: February 12, 2015 |
Last Revised Date: May 8, 2019
Tags: general, mobile

By default, when you render an application in the ejm environment, the appview is set with the default theme based on the OS. For example, by default iOS light theme for iOS and holo light theme for Android. In order to apply the user desired theme for the specific OS, you have to set the specific theme option with data-ej-theme attribute in the head tag. Refer to the following code example.

Script

</script>

if (ej.isIOS7()) //This will set default theme for iOS7 device.

        $("head").attr("data-ej-theme", "dark");

    else if (ej.isAndroid()) //This will set default theme for Android device.

        $("head").attr("data-ej-theme", "light");

</script>

 
ADD COMMENT
You must log in to leave a comment

Please sign in to access our KB

This page will automatically be redirected to the sign-in page in 10 seconds.

Up arrow icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile