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

CheckBox Right to left problem

6 Answers 82 Views
FormDecorator
This is a migrated thread and some comments may be shown as answers.
farzad
Top achievements
Rank 1
farzad asked on 28 Dec 2012, 10:31 AM
I am using RadControls for ASP.NET AJAX Q3 2012.

I am using CheckBox, Which I want to set RightToLeft.
No problem exist until I use Form Decorator

After that, it does not show properly on Firefox, but still works well on chrome.

It Should be http://titrgah.com/correct.jpg
But it changed to http://titrgah.com/incorrect.jpg

Thanks for your help

6 Answers, 1 is accepted

Sort by
0
Danail Vasilev
Telerik team
answered on 28 Dec 2012, 01:55 PM
Hi,

This is a bug in RadFormDecorator. We have reported it to our developers, so that you can expect it to be fixed within the end of this Q. For the time being you can workaround this issue by applying the CSS rules from my sample VS project which is in the RadFormDecorator_right_to_left.zip archive. I have also updated your Telerik points for the research and report of this issue.

Greetings,
Danail Vasilev
the Telerik team
Explore the entire set of ASP.NET AJAX controls we offer here and browse the myriad online demos to learn more about the components and the features they incorporate.
0
farzad
Top achievements
Rank 1
answered on 28 Dec 2012, 03:44 PM
Thanks for your reply, But I'm still having the same problem
0
Danail Vasilev
Telerik team
answered on 28 Dec 2012, 05:30 PM
Hello,

You are having the same problem with your project or with the VS sample I have provided? I am asking because the sample I have provided to you seems to be working well on my side. You can watch a short video I have created here.

The point is that the bug you have reported is emerging only when you have specified a decoration zone to the RadFormDecorator (e.g. DecorationZoneID="div"). In that case you can use the CSS rules from the sample in the previous post, in order to avoid the mentioned issue. If however, the RadFormDecoration is not specified with certain decoration zone the right to left support should be working properly, so there is no need to override the CSS clases.

All the best,
Danail Vasilev
the Telerik team
Explore the entire set of ASP.NET AJAX controls we offer here and browse the myriad online demos to learn more about the components and the features they incorporate.
0
farzad
Top achievements
Rank 1
answered on 28 Dec 2012, 06:00 PM
Hi,

Your code works fine for me, but I don't want to set my body direction to rtl. I'm using master page and it really changes my other pages. I've tried placing my checkboxes in a div and setting it's direction to rtl but doesn't work. I don't use DecorationZone and my code works well if I set my body direction to rtl.


Thanks for your quick response
0
Accepted
Danail Vasilev
Telerik team
answered on 02 Jan 2013, 07:55 PM
Hi,

RadFormDecorator uses a class named "rfdRtl". One of the purpose of the CSS I have sent you is to overwrite the CSS of the elements having such class. When you declare DecorationZoneID or set the right to left direction of the body, FormDecorator adds "rfdRtl" class to some of the child elements which are to be decorated and therefore the additional CSS is working properly.

In your case (declaring right to left direction not on the body but on a particular element and not using DecorationZoneID property), the "rfdRtl" class is not added. Therefore in order to workaround the issue you have to add manually "rfdRtl" class to those elements of your page which are set with style="direction: rtl;". For example:
<head id="Head1" runat="server">
    <title></title>
    <style type="text/css">
      //Here should be applied the styles from my previous e-mail
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All"
        EnableRoundedCorners="false" />
    <div id="div" style="direction: rtl;" class="rfdRtl">
        <asp:CheckBox ID="CheckBox1" runat="server" Text="Checked" Checked="true" /><br />
        <br />
        <asp:CheckBox ID="CheckBox2" runat="server" Text="UnChecked" Checked="false" /><br />
        <br />
        <asp:RadioButton ID="RadioButton1" runat="server" Text="Checked" Checked="true" /><br />
        <br />
        <asp:RadioButton ID="CheckBox3" runat="server" Text="UnChecked" Checked="false" />
    </div>
    </form>
</body>



Kind regards,
Danail Vasilev
the Telerik team
Explore the entire set of ASP.NET AJAX controls we offer here and browse the myriad online demos to learn more about the components and the features they incorporate.
0
farzad
Top achievements
Rank 1
answered on 02 Jan 2013, 08:38 PM
Thanks that was really helpful
Tags
FormDecorator
Asked by
farzad
Top achievements
Rank 1
Answers by
Danail Vasilev
Telerik team
farzad
Top achievements
Rank 1
Share this question
or