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
835
igGrid Styling and Theming support
posted

Hello,

I've tested the igGrid with standard "metro" and "infragistics" themes, and they look great. However,  I'm missing something when it comes to implementing some themes from the jQuery ThemeRoller.

For example, as you can see here I'm playing with various themes. But the ui-lightness and ui-darkness themes DO NOT affect the inner portion of the igGrid, meaning the color of the actual rows.

Why are my ui-lightness and ui-darkness themes NOT affecting the inner portion of the grid ?

    $.ig.loader({
        scriptPath: "/Scripts/IG/",
        cssPath: "/Content/IG/css/",
        theme: "ui-lightness",  //"metro", // "infragistics", "ui-darkness",
        resources: "igGrid.*"        
    });

I also noticed that i needed ALL the theme.css files as \..\infragistics.theme.css .

  • Here's part of my page header :

<script type="text/javascript" src="~/Scripts/jQuery/jquery-1.8.2.js"></script>
<script type="text/javascript" src="~/Scripts/jQuery/jquery-ui-1.9.0.min.js"></script>

<script type="text/javascript" src="../../Scripts/modernizr.js"></script>
<script type="text/javascript" src="~/Scripts/knockout-2.0.0.js"></script>

<script type="text/javascript" src="../../Scripts/IG/infragistics.core.js"></script>
<script type="text/javascript" src="../../Scripts/IG/infragistics.lob.js"></script>
<script type="text/javascript" src="../../Scripts/IG/infragistics.dv.js"></script>
<script src="~/Scripts/IG/infragistics.loader.js"></script>


<link href="~/Content/IG/css/structure/infragistics.css" rel="stylesheet" />

<script type="text/javascript">
    
    $.ig.loader({
        scriptPath: "/Scripts/IG/",
        cssPath: "/Content/IG/css/",
        theme: "ui-lightness",  //"metro", // "infragistics", "ui-darkness",
        resources: "igGrid.*"        
    });

</script>

Thanks.

Bob

Parents
No Data
Reply
  • 24671
    posted

    hey Bob,

    the "theme" value should correspond to a folder with the same name. So if you set it to ui-lightness, you need to have a "ui-lightness" folder on your file system, like this:

    Thanks,

    Angel

Children