Why is k-block class set up with a specific width and height?

3 posts, 1 answers
  1. Eric
    Eric avatar
    19 posts
    Member since:
    Mar 2008

    Posted 16 Jul 2012 Link to this post

    k-block appears to be the core class for creating a kendo styled panel.  Looks great, but it has a default width/height of 200 x 100 px. 
    Is there a reason for this? 

    Seems like whoever uses it will always have to override these defaults to get the sizing they desire unless it is the unlikely scenario that they want their panel to be this size.  Why not just eliminate the width/height and let the element to which the style is applied size in it's default manner?
  2. Answer
    Dimo avatar
    8333 posts

    Posted 17 Jul 2012 Link to this post

    Hello Eric,

    k-block is a CSS class that is not used by our widgets, but in some of the online demos. Its purpose is to be a styled container with a random purpose. The width and height are default ones and can be easily overridden, according to your needs. Indeed, we can remove them from the Kendo UI base CSS.

    the Telerik team
    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. Eric
    Eric avatar
    19 posts
    Member since:
    Mar 2008

    Posted 19 Jul 2012 Link to this post

    Yes, thanks Dimo, I know it can be overridden, but it did fluster me for a bit because the boxes kept coming out this strange size.  Then I fired up FireBug understood why when I saw the applied styles.  Just want to prevent somebody else from spending time trying to figure out why the boxes are sizing oddly by default.  Thanks for providing these and the other reusable styles, they make it a lot easier to style my site consistently.

Back to Top