I have custom style that I want to apply to a WebDataTree control: normalText and TreeView.
The ASP source is as follows:
<ig:WebDataTree ID="wdtTemplateStructure" runat="server" Width="100%" Height="500px" InitialDataBindDepth="0" InitialExpandDepth="0" onnodepopulate="wdtTemplateStructure_NodePopulate" CssClass="normalText TreeView" CheckBoxMode="Off" SelectionType="Multiple">
All of my style are ignored, though. If I use the developer toolbar in IE 8 to examine the control's rendered source at runtime I see that there are two automatically generated classes as well:-
<div class="ig_Control igdt_Control normalText TreeView" id="wdtTemplateStructure" style="width: 100%; height: 500px; visibility: visible; overflow: auto;" _events="[object Object]" control="[object Object]" name="wdtTemplateStructure" _address="main">
If I use developer tools to turn off ig_Control and igdt_Control, my styles are displayed.
How can I stop the automatic styles overriding my own?
Hello Mattews,
The Aikido components are with build-in styles.
The css files are added automatically to your project when you add Aikito control on the page.
If you do not set special StyleSetName than the control is using the Default one.
For example the css file responsible about the WebDataTree is position here :
~/ ig_res / Default / ig_datatree.css
If you want to modify the styling of the WebDataTree the recommended way is
to modify the CSS classes inside the ig_datatree.css file
For more information regaring the styling of the AIkido components I can recommend you to read the following part of the online documentation:
http://help.infragistics.com/NetAdvantage/ASPNET/2010.2?page=Web_Application_Styling_Framework_ASF.html
If you insist to use your custom CSS classes you should use the !important rule
http://www.w3.org/TR/CSS2/cascade.html#important-rules
Let me know if you need further assistance regarding this