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

Kendo Grid CSS is curoptted on Chrome

8 Answers 73 Views
Grid
This is a migrated thread and some comments may be shown as answers.
besher
Top achievements
Rank 1
besher asked on 03 Apr 2014, 10:37 AM
Hey,
I have a problem with Kendo grid css over google chrome, please check the attached files which show the problem 

8 Answers, 1 is accepted

Sort by
0
besher
Top achievements
Rank 1
answered on 03 Apr 2014, 10:39 AM
on chrome
0
Dimo
Telerik team
answered on 04 Apr 2014, 07:29 AM
Hi Besher,

I am not able to reproduce the described problem on my side when using RTL mode and a popup edit form.

Which Kendo UI version is this? In case you are using a popup edit form template, please make sure that all floats are cleared.

http://www.quirksmode.org/css/clearing.html

Regards,
Dimo
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
besher
Top achievements
Rank 1
answered on 04 Apr 2014, 09:51 AM
Kendo UI Complete v2014.1.318(Trial)
i added the following  css to my page:
"Kendo/kendo.common.min.css"
"kendo.default.min.css"
"kendo.rtl.min.css"

and the required scripts are :
"kendo.web.min.js" besides Jquery (jquery-1.8.2.min.js)




0
Dimo
Telerik team
answered on 07 Apr 2014, 09:05 AM
Hi Besher,

The jQuery version is not compatible with the Kendo UI version, but this is just a side note, it is not related to the discussed problem.

http://docs.telerik.com/kendo-ui/getting-started/javascript-dependencies#jquery-version

Please provide a live URL or attach a runnable project for further investigation.

Regards,
Dimo
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
besher
Top achievements
Rank 1
answered on 07 Apr 2014, 10:07 AM
Please check the following link for live demo of my problem :

http://emlakacentem.com:29/ContractType (open on chrome and firefox) and notice the problem 


0
Dimo
Telerik team
answered on 08 Apr 2014, 08:19 AM
Hello Besher,

It looks like you have fixed the issue, as it is not reproduced on the provided demo.

Regards,
Dimo
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
besher
Top achievements
Rank 1
answered on 08 Apr 2014, 09:27 AM
No, it's not fixed , please note the column aliment between grid header and the grid data row. 
0
Dimo
Telerik team
answered on 09 Apr 2014, 07:16 AM
Hi Besher,

There are two separate problems related to alignment

1. There is a rendering bug in the current version of Google Chrome, which is exhibited in RTL mode when a vertical scrollbar is inactive. Please disable Grid scrolling, or ensure that the Grid height is smaller than the space occupied by table rows.

http://jsfiddle.net/dimodi/AhVBX/


2. There is a missing style in the Kendo UI Grid RTL CSS, which we will add right away and changes will take effect in the next builds. In the meantime, you can use:

.k-rtl .k-grid-header .k-with-icon .k-link
{
   margin-right: -0.6em;
   margin-left: 1.3em;
}


Regards,
Dimo
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Grid
Asked by
besher
Top achievements
Rank 1
Answers by
besher
Top achievements
Rank 1
Dimo
Telerik team
Share this question
or