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