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

RTL not working in 2012 Q3 BETA

6 Answers 125 Views
Grid
This is a migrated thread and some comments may be shown as answers.
R
Top achievements
Rank 1
R asked on 25 Oct 2012, 06:47 PM
Just downloaded 2012 Q3 Beta with so much hope for RTL support, but sadly it's not working the way it should. Is it be cause of beta, or something in my pc configuration?

I tested it with Chrome 22, Firefox 14 and IE 9 on my win 7 64bit. 
In all of theme layout was not rtl, and column header's weren't align with their body.

6 Answers, 1 is accepted

Sort by
0
Atanas Korchev
Telerik team
answered on 26 Oct 2012, 06:40 AM
Hi,

 The RTL online demo can be checked here: http://demos.kendoui.com/beta/web/grid/rtl.html
. It looks OK in all browsers that you have mentioned.

Kind regards,
Atanas Korchev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
eliraz
Top achievements
Rank 1
answered on 28 May 2013, 11:01 PM
hi,
I tested the demo on site and the RTL works fine.
but once i take the demo into local it looks bad, same as the picture that is linked in post before.

the demo that i run on local is the one that i get from the download kendo UI option.
could be that its a bad verion? 
i am running on chrome in both cases. 
i run the demo that is in this path : c:\kendo\examples\web\grid\rtl.html

tnx, eliraz.
0
Dimo
Telerik team
answered on 29 May 2013, 07:37 AM
Hello,

I suspect that the kendo.rtl.(min).css file is not registered, please double-check.

Regards,
Dimo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
eliraz
Top achievements
Rank 1
answered on 29 May 2013, 09:04 AM
tnx this was the issue, all works fine now.
0
eliraz
Top achievements
Rank 1
answered on 29 May 2013, 05:48 PM
ok i found a UI bug in the DateTimePicker with rtl property.
when you change the control to rtl there is a 2-3 px diffrance beetwen the icon and the stright line.
u can see it in the picture i linked and you can see the bug on the demo site also, in the rtl one.
0
Dimo
Telerik team
answered on 30 May 2013, 07:25 AM
Hello,

The problem has been fixed and changes will take effect in the next builds. You can add the following CSS rules:

.k-rtl .k-dropdown-wrap .k-input,
.k-rtl .k-picker-wrap .k-input,
.k-rtl .k-numeric-wrap .k-input
{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
 
.k-webkit .k-rtl .k-dropdown-wrap .k-input,
.k-webkit .k-rtl .k-picker-wrap .k-input,
.k-webkit .k-rtl .k-numeric-wrap .k-input
{
    margin-right:-1px;
}

 

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
R
Top achievements
Rank 1
Answers by
Atanas Korchev
Telerik team
eliraz
Top achievements
Rank 1
Dimo
Telerik team
Share this question
or