3 Answers, 1 is accepted
0
Damon
Top achievements
Rank 1
Rank 1
answered on 13 Dec 2011, 05:49 AM
Check the kendoui.common.css file.
This is where all the size settings are. you can either edit the common or as I do load your style last and put in your overrides there.
This way you can have different styles for the same type of widget based on ID. eg #mygrid.kt-grid
also you can use Chrome or FF with FireBug to inspect the elements and see what class is being used. VERY helpful.
Chrome even allows you to change the values on the fly so you don't have to keep making changes, saving and reloading.
Cheers!
This is where all the size settings are. you can either edit the common or as I do load your style last and put in your overrides there.
This way you can have different styles for the same type of widget based on ID. eg #mygrid.kt-grid
also you can use Chrome or FF with FireBug to inspect the elements and see what class is being used. VERY helpful.
Chrome even allows you to change the values on the fly so you don't have to keep making changes, saving and reloading.
Cheers!
0
Tomas
Top achievements
Rank 1
Rank 1
answered on 09 Apr 2013, 11:38 AM
For no reason Telerik provide minified CSS and JS files and it is very hard to understand minified css file.
0
Hello Tomas,
Actually, we provide minified CSS and Javascript files for a very good reason, namely, performance and faster loading. In addition, both GPL and commercial license holders have the non-minified version of these files at their disposal - they are inside the /src/ folder of the Kendo UI installation.
With regard to styling customizations - you don't have to have non-minified CSS files in order to find out where a certain style comes from. Web developer tools such as Firebug and Chome's developer console always show CSS rules formatted for easier reading. There you can see the exact selector and its specificity, and use this information to override the style in another stylesheet. If you want to edit the minified CSS file manually (which is not the best option, because you need to do the same every time you upgrade), this is also possible, when you know what you are looking for (after checking the CSS rule in the browser's developer console). Alternatively, you can edit the non-minified CSS file and then minify it or use it as is.
Regards,
Dimo
the Telerik team
Actually, we provide minified CSS and Javascript files for a very good reason, namely, performance and faster loading. In addition, both GPL and commercial license holders have the non-minified version of these files at their disposal - they are inside the /src/ folder of the Kendo UI installation.
With regard to styling customizations - you don't have to have non-minified CSS files in order to find out where a certain style comes from. Web developer tools such as Firebug and Chome's developer console always show CSS rules formatted for easier reading. There you can see the exact selector and its specificity, and use this information to override the style in another stylesheet. If you want to edit the minified CSS file manually (which is not the best option, because you need to do the same every time you upgrade), this is also possible, when you know what you are looking for (after checking the CSS rule in the browser's developer console). Alternatively, you can edit the non-minified CSS file and then minify it or use it as is.
Regards,
Dimo
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!