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 .
<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
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
And btw, is there a way to upload an image straight from my hard drive. I keep copying it up to my website...
thanks.
Ok, now I see the issue. Sorry for the confusion. The real problem here is that ui-lightness is a jQuery theme which has CSS for the jQuery UI widgets only - like button, sortable, etc. So, since the igGrid uses some of those default widgets, part of it is styled in the ui-lightness look and feel, but the custom UI which isn't available in jQuery UI - isn't, because we don't currently add extra styling for UI lightness.
This would be more of a feature request for us, to add support for ui-lightness and ui-darkness in our widgets.
Hope it helps. Thanks,
Understood. Once again Angel, thank you for your time.