We are using ASP.NET MVC bundles with Ignite UI controls. Our bundle loads the Infragistics scripts in the order below. We also have a JavaScript bundle that loads the Infragistics.load.js file. What we are seeing is when the site is applying the optimized bundles the Infragistics.theme.css class is being loaded due to the dependency found in the Infragistics.load.js file. This is causing our styles to be applied out of order so the screen looks different when optimization is turned on than when it is turned off. What we expected is for the "common" bundle to be referenced for the theme css rather than having the Infragistics.theme.css file load into the browser. Do you have recommendations on how to use bundling optimization with the way you have written Infragistics.loader.js and its dependencies on the theme file?
bundle = new StyleBundle("~/CSSBundles/common")
.Include("~/Content/IG/structure/jquery-ui.css", new RewriteUrlTransform())
.Include("~/Content/IG/structure/jquery.ui.css", new RewriteUrlTransform())
.Include("~/Content/IG/structure/jquery.ui.datepicker.css", new RewriteUrlTransform())
.Include("~/Content/IG/structure/jquery.ui.slider.css", new RewriteUrlTransform())
.Include("~/Content/IG/structure/jquery.ui.theme.css", new RewriteUrlTransform())
.Include("~/Content/bootstrap/css/bootstrap.min.css", new RewriteUrlTransform())
.Include("~/Content/bootstrap/css/bootstrap-flat.min.css", new RewriteUrlTransform())
.Include("~/Content/font-awesome/css/font-awesome.min.css", new RewriteUrlTransform())
.Include("~/Content/IG/themes/manh/infragistics.theme.css", new RewriteUrlTransform())
bundle = new ScriptBundle("~/JSBundles/infragistics/loader").Include(
"~/Scripts/IG/infragistics.loader.js");
Hello Tammy!
Glad to hear you again.
My suggestion is to bundle the Ignite UI scripts withould the loader. The are loaded async so this may cause issues.
Here a post how to use bundling with Ignite UI scripts and MVC - http://ko.infragistics.com/community/blogs/mihail_mateev/archive/2012/06/11/creating-dashboards-with-netadvantage-for-jquery-and-asp-net-mvc-4.aspx
This application is using this approach - https://github.com/IgniteUI/autosales-dashboard-sample/blob/master/AutosalesDashboard/AutosalesDashboard/App_Start/BundleConfig.cs
Regards,
The app sample you pointed at doesn't have any style bundles its just script bundles...
Hello,I am still following your case. Have you been able to resolve the issue?If you have any concerns or questions, please feel free to contact me, I will be glad to help you.Thank you for choosing Infragistics components!
I am just finally getting back to this. Hopefully will have something in the next day or two.
Great!
I am looking forward it.
Hello,If you need any additional assistance with this case feel free to contact me. I will keep this case open for another three days while I am waiting for your response. If at that time you haven`t responded, I will close it. Please note that closed cases may be reopened within thirty days of closure.Thank you for choosing Infragistics components!
Best Regards,
I need more time on this. Go ahead and close it and I will reopen if needed.