KB Article T336132
Visible to All Users

Why HTML table rendering can be different when a page contains DevExpress ASP.NET controls

Description:
Why placing any visual DevExpress ASP.NET control to a form resets/normalizes the default table, td, and th tags appearance?

This scenario is only applicable when the doctypeMode DevExpress configuration option is set to "Html5" (the default value starting with version v2015 vol 2 / 15.2) in Web.config:

Web.config:

XML
<?xml version="1.0"?> <configuration> ... <devExpress> ... <settings doctypeMode="Html5" /> </devExpress> </configuration>


Answer:
By default, different tags (such as the table, td, and th that are widely used in DevExpress ASP.NET controls' rendering) may have different appearance in different browsers (according to their default user agent stylesheets). Usually, the so-called "reset css" or "normalize css" technique is used to make styling of all/certain HTML elements/tags consistent in different browsers.

A similar technique is used when placing any visual DevExpress ASP.NET control to the form. However, the related CSS only resets/normalizes the default table, td, and th tags appearance, but does not specify some pre-defined/custom appearance. Applying custom CSS classes to all tags (table, td, th) to be reset/normalized may significantly increase the volume of the resultant HTML rendering (because numerous HTML tags for different visual elements may be rendered).

If you need to specify some non-default (i.e., non-normalized, but custom one) appearance for certain tags, simply place the corresponding CSS ("inline" or separate files) to the "head" tag.

If you need further assistance with customizing styles in your real affected project, create a new ticket in our Support Center and describe your situation in detail. Some screenshots with the actual and expected results, and a sample project that reflects your implementation would be helpful. We will be happy to help you.

Disclaimer: The information provided on DevExpress.com and affiliated web properties (including the DevExpress Support Center) is provided "as is" without warranty of any kind. Developer Express Inc disclaims all warranties, either express or implied, including the warranties of merchantability and fitness for a particular purpose. Please refer to the DevExpress.com Website Terms of Use for more information in this regard.

Confidential Information: Developer Express Inc does not wish to receive, will not act to procure, nor will it solicit, confidential or proprietary materials and information from you through the DevExpress Support Center or its web properties. Any and all materials or information divulged during chats, email communications, online discussions, Support Center tickets, or made available to Developer Express Inc in any manner will be deemed NOT to be confidential by Developer Express Inc. Please refer to the DevExpress.com Website Terms of Use for more information in this regard.