Hey,
I have a problem with Kendo grid css over google chrome, please check the attached files which show the problem
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
0
besher
Top achievements
Rank 1
answered on 03 Apr 2014, 10:39 AM
on chrome
0
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
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)
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
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
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
http://emlakacentem.com:29/ContractType (open on chrome and firefox) and notice the problem
0
Hello Besher,
It looks like you have fixed the issue, as it is not reproduced on the provided demo.
Regards,
Dimo
Telerik
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
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:
Regards,
Dimo
Telerik
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!