CheckBox Right to left problem

7 posts, 1 answers
  1. farzad
    farzad avatar
    13 posts
    Member since:
    Feb 2008

    Posted 28 Dec 2012 Link to this post

    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
  2. Danail Vasilev
    Admin
    Danail Vasilev avatar
    1492 posts

    Posted 28 Dec 2012 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. farzad
    farzad avatar
    13 posts
    Member since:
    Feb 2008

    Posted 28 Dec 2012 Link to this post

    Thanks for your reply, But I'm still having the same problem
  5. Danail Vasilev
    Admin
    Danail Vasilev avatar
    1492 posts

    Posted 28 Dec 2012 Link to this post

    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.
  6. farzad
    farzad avatar
    13 posts
    Member since:
    Feb 2008

    Posted 28 Dec 2012 Link to this post

    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
  7. Answer
    Danail Vasilev
    Admin
    Danail Vasilev avatar
    1492 posts

    Posted 02 Jan 2013 Link to this post

    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.
  8. farzad
    farzad avatar
    13 posts
    Member since:
    Feb 2008

    Posted 02 Jan 2013 Link to this post

    Thanks that was really helpful
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017