Forums Ignite UI for jQuery
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Tushar Borhade
120
Apply css to TreeGrid control
posted

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 

  • 29417
    Offline posted

    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