Bare minimum CSS

2 posts, 0 answers
  1. JohnVS
    JohnVS avatar
    89 posts
    Member since:
    Apr 2013

    Posted 25 Sep 2014 Link to this post

    Since the full Kendo package is so large, we are only using a small portion of it on a new website that must remain lean. We are using Bootstrap 3 and Kendo 2014.2.716.

    I downloaded the full Kendo ZIP file, so I could look through the CSS files and only use the ones we needed to get basic Kendo styling and the Kendo Bootstrap theme.

    But when looking through the CSS files, there are multiple ones that appear necessary (see below). Which of these are actually necessary for a bare minimum approach to CSS for Kendo and Bootstrap 3? And what is the difference between the "core" and the non-core files (e.g. between kendo.common-bootstrap.core.min.css and kendo.common.bootstrap.min.css)?

    • kendo.bootstrap.min.css
    • kendo.common.core.min.css
    • kendo.common.min.css
    • kendo.common-bootstrap.core.min.css
    • kendo.common-bootstrap.min.css
    • kendo.default.min.css
  2. Dimo
    Dimo avatar
    8457 posts

    Posted 29 Sep 2014 Link to this post

    Hello John,

    - core vs professional ("non-core")

    A comparison between Kendo UI Core and Kendo UI Professional is available at:

    - common vs common-bootstrap

    kendo.common-bootstrap[.core].min.css is a version of kendo.common[.core].min.css with a slightly different dimensions, designed to be used with (Twitter) Bootstrap.

    - "bootstrap" Kendo UI theme vs "default" theme (or any other theme)

    kendo.bootstrap.min.css is the Bootstrap Kendo UI theme, which applies a similar color scheme, as (Twitter) Bootstrap. See the theme chooser at the top right:

    In short, of all files that you have listed, you only need two - one common and one theme.

    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top