Kendo.common.css move from px to em

2 posts, 0 answers
  1. VasVas
    VasVas avatar
    31 posts
    Member since:
    Nov 2012

    Posted 30 Nov 2014 Link to this post

    Dear sir,

    I have recently moved from Kendo ui MVC version 2013.2 to 2014.2 .
    after replacing the css file kendo.common I see a shift in the look of controles like the combo and calender.
    After checking I have found that the css has changed from em from the px units.
    1. Is there a tutorial for organizations which created custom editor templates which have to be changed due to this change.
    2. What is the last version with the px css.
    3. Do you have a px version of the css for version 2014.2
    4. Does the Theme builder have such new functionality, could it take and old skin created by it and convert it.


  2. Dimo
    Dimo avatar
    8457 posts

    Posted 03 Dec 2014 Link to this post

    Hello Ariel,

    Below are some notes on your questions.

    1. Do we have a tutorial for migrating of custom editor templates?

    Custom editor templates can contain arbitrary content, so a comprehensive tutorial for migrating them is impossible to create. Basically, if the editor template doesn't look as expected due to em unit styles, you can set an appropriate font size to the editor template wrapper element, and all descendant elements will inherit the desired sizing, as before. The em unit styles should work in the same way as pixel unit styles for a "normal" font size of 11-14px. In some more specific cases, you can apply custom styles to override the Kendo UI stylesheets.

    2. Which is the last version with a pixel-based stylesheet?

    2013.2.716 (Q2 2013)

    3. Do we have a pixel-based version of the latest stylesheet?

    Pixel-based stylesheets work best with a specific font size. The Kendo UI widgets can be used in various scenarios with various font-sizes and this is the reason why we moved to relative units. We don't produce a pixel-based stylesheet anymore.

    4. Can the ThemeBuilder convert an old skin to a new one?

    The ThemeBuilder can create custom themes from the latest CSS only. In addition, please note that the px-to-em changes were made in the common CSS, while the ThemeBuilder deals with the theme CSS.

    Generally, creating a new custom theme with the ThemeBuilder is a lot easier than converting an old custom theme.

    With regard to questions 3 and 4:

    If you want to work with pixel units, you will have to create a custom common CSS file manually, which is likely to be a lengthy task. I recommend you to only override some specific styles, if needed.

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