Hi Team,
I have treegrid control like this sample and here I want to change or apply CSS as per my current industry standard.
So please let me know how can I change the background color, font-size, font-name, for both Header as well as for data.
Thanks,Tushar
Hello Tushar,
Thank you for posting in our forum.
Depending on the level of customization you want to apply there are a few options.
If you want to just modify a few of the existing css classes you can refer to the following list of css classes for the igGrid ( igTreeGrid shares these classes as it inherits the igGrid): http://help.infragistics.com/jQuery/2015.2/ui.iggrid#theming .You can either overwrite those css classes on your page or you could directly modify them in your local instance of the infragistics.theme.css .
Specifically for the styles you mentioned can be applied in the following classes:
ui-iggrid – to change global styles for the grid like font-size, font-name
ui-iggrid-header – to change styles for the headers
ui-iggrid-record, ui-ig-altrecord – to change styles for the rows
If you want to modify a wider range of elements and need a tool to do that you can check out our bootstrap theme generator: http://www.igniteui.com/bootstrap-theme-generator/default .You can customize the theme you like and download it to use in your project.
Let me know if you have any questions or concerns.
Best Regards,
Maya Kirova
Infragistics, Inc.
http://es.infragistics.com/support