This is a migrated thread and some comments may be shown as answers.

Why the control size is bigger than demo's

4 Answers 57 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Jiang
Top achievements
Rank 1
Jiang asked on 06 Sep 2013, 01:35 PM
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

4 Answers, 1 is accepted

Sort by
0
Kiril Nikolov
Telerik team
answered on 09 Sep 2013, 12:05 PM
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!
0
Troy
Top achievements
Rank 1
answered on 11 Dec 2013, 04:42 PM
Can you show some example code of how I can regulate the grid size along with the controls the grid contains?
0
Kiril Nikolov
Telerik team
answered on 13 Dec 2013, 08:53 AM
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!
0
Troy
Top achievements
Rank 1
answered on 16 Dec 2013, 04:17 PM
Thanks! That's exactly what I needed.
Tags
General Discussions
Asked by
Jiang
Top achievements
Rank 1
Answers by
Kiril Nikolov
Telerik team
Troy
Top achievements
Rank 1
Share this question
or