Native Mode
- 2 minutes to read
DevExpress ASP.NET MVC Components use a custom layout that includes standard HTML elements such as <TABLE>, <DIV> and <SPAN>. This allows you to customize component appearance by applying a specific style to a component’s composite elements.
In some cases, you may need to display controls as native HTML form elements, if performance is more important than appearance. Native mode allows you to display DevExpress MVC components with similar HTML elements as native elements, which reduces a control’s render size and improves overall performance.
Use the component’s Native property to enable native mode. Note that this property is only provided by components that can be rendered as standard HTML elements, as listed in the table below:
Controls with Native Mode Support
| Component | Property | Corresponding Native HTML Element |
|---|---|---|
| CheckBoxExtension | CheckBoxSettings.Native | input type=checkbox element |
| CheckBoxListExtension | CheckBoxListSettings.Native | a table containing input type=checkbox elements |
| RadioButtonExtension | RadioButtonSettings.Native | input type=radio element |
| RadioButtonListExtension | RadioButtonListSettings.Native | a table containing input type=radio elements |
Theming in Native Mode
Note that DevExpress themes do not work properly in native mode because a theme requires elements that are removed when you activate this mode. The result is that when native HTML mode is enabled, a component’s appearance depends on how a client browser interprets and displays the corresponding HTML element.
Differences in functionality
Some DevExpress component features are not supported in native mode – as shown in the table below.
Components | Feature that is not supported in native mode |
|---|---|
CheckBoxExtension, CheckBoxListExtension | Indeterminate check box state |