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
<head data-ej-mobile="true" data-ej-forceset="true" data-ej-android="true" data-ej-theme="light"> <!--CSS References--> <!--Script References--> </head> <body> <input type="button" data-role="ejmbutton" data-ej-text="Download" /> </body>
Likewise, you can set the desired rendermode and theme to the application with the following possible values.
- Rendermode Options, to be set as “True”:
- data-ej-ios7
- data-ej-android
- data-ej-windows
- data-ej-flat
- Theme Options, data-ej-theme:
- dark
- light