Dear Infragistics,
We have for instance infragistics.js file which is 2.5 MB. I'm trying to find infragistics.min.js so I can deploy a much smaller file. Our customers are experiencing delays. But I can't find the minimized files. Where are they or how can I get them?
Thank you for answering.
Hello DannyvdK,
The minified files are by default located in the installation directory at:
C:\Program Files (x86)\Infragistics\2014.1\Ignite UI\js
Please note however that in the latest versions, since the combined Infragistics.js script grew considerably in size, it was split into the core, dv and lob scripts. You may also be interested in using the IG Loader in order to limit the loaded resources to just the necessary ones:
http://help.infragistics.com/doc/jQuery/2014.1/CLR4.0/?page=Using_Infragistics_Loader.html
Hope this helps. Please do not hesitate to contact me if you have any questions.
Well, I have version 2012.1
When I check infragistics.js is says: Infragistics.Web.ClientUI Util functions 12.1.20121.1010
And I checked this location: D:\Components\Infragistics\Infragistics 2012.1\NetAdvantage 2012.1\jQuery\js
And all other folders, but I can't locate the .min.js files. Did I install the components wrong? Have any suggestions I can try?
Thank you for answering again.
I have found the files you suggested. Before I install the latest SR (which I think I have), just to be clear...
The minified size of infragistics.js is 2.5 MB??
That is correct, the size of the minified 12.1 Infragistics.js is 2.5 MB.
Hello Petar,
Thank you for the quick answer.
Uhm... That is huge compared to a lot of js files out there!
Is there anything we can do to reduce the size of infragistics.js? Do we really need this js file? We are only using Infragistic's MVC hierarchical grid.
2.5MB just proves to be too much for a lot of our customer's infrastructure. If we can't resolve this I might have to cut out Infragistic's beautifull grid and that is my last resort...
Hi DannyvdK,
You can use the Infragistics Loader instead in order to load only the resources required by the components used on the specific page. This would drastically reduce the size of the loaded scripts:
http://help.infragistics.com/doc/jQuery/2012.2/CLR4.0?page=Using_Infragistics_Loader.html
Please let me know if you have any questions.
Please feel free to contact me if you have any further questions regarding this matter.
Please feel free to contact me if you are still experiencing any issues with this matter.
Thank you for your reply.
I would suggest trying this without the "~/" in the beginning of the path. In addition to that please bear in mind that if the js folder is in the IG folder (rather than the files from js being copied over to IG) it would need to be in the path as well.
Hope this helps. Please do not hesitate to contact me if you continue to experience any issues.
Quick update. This works:
.ScriptPath("http://cdn-na.infragistics.com/jquery/20121/latest/js/")
And this doesn't:
.ScriptPath("~/Scripts/IG/")
Trying to find out, why....
Hello Petar Ivanov,
Thank you for the sample, that is great.
Unfortunatly I just can't get my grid (Html.Infragistics().Grid(Model)) to work. I've looked at the page via the developer console of Firefox and it seems the loader is not loading the scripts that the infragistics grid needs. I've come to this conclusion by looking at the Network tab and see that the last js file that is loaded is the infragistics.loader.js. Then I looked via the Inspector tab at the page and I see:
$.ig.loader('igHierarchicalGrid.Paging.Sorting.Selection', function() {$('#grid1').igHierarchicalGrid({... and so on.
It just seems to me that igHierarchicalGrid.Paging.Sorting.Selection is not enough. Because when I load the scripts I have the following statements in my layout.cshtml:
<script src="@Url.Content("~/Scripts/IG/infragistics.ui.grid-nl.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/IG/infragistics.ui.editors-nl.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/IG/infragistics.js")" type="text/javascript"></script>
The code for the loader looks like this by the way:
@(Html.Infragistics() .Loader() .ScriptPath("~/Scripts/IG/") .Render())
As you can see I'm not loading CSS via the loader but via the layout.cshtml like I did before.
What am I doing wrong??
I am attaching a 12.1 Razor MVC3 sample of using the loader. Hope this helps.
Please do not hesitate to contact me if you continue to experience any issues.