I try to follow the article
http://ko.infragistics.com/community/blogs/engineering/archive/2010/08/25/webdatagrid-css-styling-guide.aspx?CommentPosted=true#commentmessage
in order to define the css caption definitions.
I set HeaderCaptionCssClass = "GridHeader";
in OnLoad
I then define css:
tbody>tr > th.GridHeader { border-color: Black; border-style: inset; border-width: 1px; text-align: center; background-image: url(../Images/tableKoter.jpg); background-repeat: repeat; background-color: #e9eff4; color: Black; font-weight: bold; direction: rtl; font-family: "Arial (Hebrew)"; font-size: 15px ; }
The browser does take my definitions.
The problem is, that I still get some of the definitions of igg_HeaderCaption , such as padding-bottom .
I dont want this definitions.
Does that mean, that I need to override, each definition in igg_HeaderCaption.
I would like if possible, to dismiss all the definitions of igg_HeaderCaption.
Hello drpoalim,
Yes, you can put the new CSS class in separate file but since the base class (the one in “ig_res” folder) will be loaded too only the properties overridden in your new class will be changed.
This means if you want to change some of the properties in the base class by overriding it with external class you should change all needed styles in this class. Declaring class with the same name in different location will only change precedence of the styles applied it will not get base class replaced.
If you need additional information let me know.
Thanks.
I prefer to keep my css definitions, on separated css files, and not on the page
itself.
Is it possible to solve it with separate css files?
In this situation (if you do not want to override most of the class styles) you can override the entire class itself.
You can do this by adding class with the same name on your page which will be then used by the grid instead of IG class provided in “ig_res” folder.
Use this approach and inform me if it is working in your scenario.