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

Grid styles?

6 Answers 76 Views
Grid
This is a migrated thread and some comments may be shown as answers.
ICT
Top achievements
Rank 1
ICT asked on 01 Nov 2013, 07:39 AM
I have Kendo Grid using Heirarcy as image shows below. I double checked my CSS declarations and I couldn't find any selector of which could affect my grid styles. Why my grid row text color is black and text size is that big? I made some comparison between your grid demos and my grid and look & feel is different.
Browser developer tools shows me computed styles and there is black color for grid text. Where is that coming from?

6 Answers, 1 is accepted

Sort by
0
Iliana Dyankova
Telerik team
answered on 01 Nov 2013, 03:07 PM
Hello Janne,

Basically in Kendo UI demos the font-size is 12px (that is why the Grid rows text is rendered smaller compared to the text from the provided picture). As for the text color - it depends on the theme. Could you please share more details about the theme you are using?
 

Regards,
Iliana Nikolova
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
ICT
Top achievements
Rank 1
answered on 03 Nov 2013, 11:36 AM
Thank you for your response. My current Kendo UI Theme is silver.
0
Iliana Dyankova
Telerik team
answered on 04 Nov 2013, 09:50 AM
Hi Janne,

Thank you for the details. I believe the Grid text color is black because there is some CSS rule which influences the silver theme styling (most probably there is some color property set to td elements). Could you please check this suggestion?

Regards,
Iliana Nikolova
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
ICT
Top achievements
Rank 1
answered on 06 Nov 2013, 08:32 AM
I don't have any table  elements and therefore no td elements in my page. I made some testing and removed all page defined styles and left only Kendo styles.
Still grid cell texts are colored black. Also there is something really strange behavior with my kendo input icons. I attached image to this post. 
0
Iliana Dyankova
Telerik team
answered on 06 Nov 2013, 09:25 AM
Hi Janne,

From the provided picture it is not clear what the particular reason for the issue is - is it possible to provide a small runnable example / live URL which demonstrates the issue? This way I would be able to check what exactly  is going wrong and provide concrete recommendations. Thank you in advance for your time and cooperation.

Regards,
Iliana Nikolova
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
ICT
Top achievements
Rank 1
answered on 06 Nov 2013, 04:07 PM
I made some deeper investigation about this before making any example and I found the solution. I used browser developer tool and figured out that grid used computed styles from webkit-text and not kendo.silver.min.css. Reason for this was wrongly typed  DOCTYPE declaration in page. Fixed this and now everything works as expected. Here is the same problem solved.

Attached screenshot about developer tool.
Thank you for your help! These are sometimes really annoying behaviors and difficult to find.
Tags
Grid
Asked by
ICT
Top achievements
Rank 1
Answers by
Iliana Dyankova
Telerik team
ICT
Top achievements
Rank 1
Share this question
or