Why the control size is bigger than demo's

5 posts, 0 answers
  1. Jiang
    Jiang avatar
    1 posts
    Member since:
    Feb 2013

    Posted 06 Sep 2013 Link to this post

    When I add grid and dropdownlist control in page, I found the control size is bigger than your demo's. How come that? I attach my screenshot
  2. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2596 posts

    Posted 09 Sep 2013 Link to this post

    Hello Jiang,

    The Grid resizes it self based on the screen resolution and the available space taken on your page. The DropDownList can also vary in size based on the screen resolution. So the behaviour that you are describing is absolutely expected. However you can always apply custom css to format the widgets to look the way you expect them. Please take a look at the following getting started article on Appearance and Styling:

    http://docs.kendoui.com/getting-started/web/appearance-styling
     
    Regards,
    Kiril Nikolov
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Troy
    Troy avatar
    2 posts
    Member since:
    Jul 2013

    Posted 11 Dec 2013 Link to this post

    Can you show some example code of how I can regulate the grid size along with the controls the grid contains?
  4. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2596 posts

    Posted 13 Dec 2013 Link to this post

    Hi Troy,

    You can change the size of the control by changing the font-size property of the html element. This way the grid will be with a different size. Please check the following example:

    http://jsbin.com/AxItidoq/1/edit

    Regards,
    Kiril Nikolov
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  5. Troy
    Troy avatar
    2 posts
    Member since:
    Jul 2013

    Posted 16 Dec 2013 Link to this post

    Thanks! That's exactly what I needed.
Back to Top