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.

Syncfusion Feedback

How to apply specific rendermode theme to the whole application?

Platform: jQuery |
Control: General
Tags: general, mobile

Ejm control has 8 different theme combinations with respect to the rendermode. They are as follows.

  • Android-Dark
  • Android-Light
  • Flat
  • IOS7-Dark
  • IOS7-Light
  • Windows-Dark
  • Windows-Light

When you want a particular rendermode and theme for your whole application, then you have to define rendermode and theme in your head section with data-ej-theme and data-ej-rendermode. You also have to set the data-ej-forceset attribute. This attribute is used when the ejm control is set with theme and rendermode properties defined in the head tag.


For example, android rendermode with light theme combination looks as follows: Android-Light.


The following code example shows how to render all the controls inside the application with android rendermode and dark theme. For example, button is rendered with android and dark theme.



Likewise, you can set the desired rendermode and theme to the application with the following possible values.

  1. Rendermode Options, to be set as True:
  • data-ej-ios7
  • data-ej-android
  • data-ej-windows
  • data-ej-flat
  1. Theme Options, data-ej-theme:
  • dark
  • light
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