ASP.NET (MVC) bundles breaks kendo.common-bootstrap - kendo.bootstrap theme

4 posts, 0 answers
  1. Alberto
    Alberto avatar
    4 posts
    Member since:
    Jan 2016

    Posted 08 Feb Link to this post

    Hi team

    Anyone knows why mvc bundles breaks the kendo css?

    this is my bundle in a brand new mvc project, doing this give the result find on 1.png which is the expected

               
    bundles.Add(new ScriptBundle("~/bundles/jquery").Include("~/Scripts/jquery-{version}.js"));
     
    bundles.Add(new ScriptBundle("~/bundles/bootstrap")               
        .Include("~/Scripts/kendo/2016.1.112/angular.min.js")
        .Include("~/Scripts/kendo/2016.1.112/kendo.all.min.js")
        );
     
    bundles.Add(new StyleBundle("~/Content/css").Include(                     
              "~/content/kendo/2016.1.112/kendo.common-bootstrap.min.css",
              "~/content/kendo/2016.1.112/kendo.bootstrap.min.css",
              "~/Content/site.css"
              ));

     

     However if I force the bundling using BundleTable.EnableOptimizations = true; I get the results on attachments 2 which does not render properly

     

    Regards

     

     

     

     

     

     

  2. Dimo
    Admin
    Dimo avatar
    8332 posts

    Posted 10 Feb Link to this post

    Hi Alberto,

    Does this happen in all browsers or just IE? When combining CSS files, you may hit IE's known limitations.

    http://docs.telerik.com/kendo-ui/aspnet-mvc/fundamentals#css-bundling

    Regards,
    Dimo
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. Kendo UI is VS 2017 Ready
  4. Alberto
    Alberto avatar
    4 posts
    Member since:
    Jan 2016

    Posted 10 Feb in reply to Dimo Link to this post

    Hi Dimo

    My bundle just using "kendo.common-bootstrap.min.css" and "kendo.bootstrap.min.css" is 304.50 kb and this is minified, so the problem is that your theme it is just too big.

    /bundles/Kendo?v=X4xBwt5DXtR0mufVvb5UOin5Ju_SN-DIzWlmOGQrjUk1    GET    200    text/css    304.50 KB    32 ms  

  5. Dimo
    Admin
    Dimo avatar
    8332 posts

    Posted 11 Feb Link to this post

    Hello Alberto,

    The Kendo UI CSS files currently contain styles for all web/mobile widgets, but we will split them later in 2016. In the meantime, we recommend not adding them to bundles to ensure old IE browser support.

    Regards,
    Dimo
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top
Kendo UI is VS 2017 Ready