Why the control size is bigger than demo's

[Jiang]

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

[Kiril Nikolov]

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

[Troy]

Can you show some example code of how I can regulate the grid size along with the controls the grid contains?

[Kiril Nikolov]

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

[Troy]

Thanks! That's exactly what I needed.