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.