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.
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to apply specific rendermode theme to the whole application?

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.

HTML

 

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
Article ID: Published Date: Last Revised Date: Platform: Control:
3909 02/12/2015 02/12/2015 JavaScript General
Tags:
Did you find this information helpful?
Add Comment
You must log in to leave a comment

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