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

FormDecorator in RTL mode

1 Answer 66 Views
FormDecorator
This is a migrated thread and some comments may be shown as answers.
Mostafa Anoosheh
Top achievements
Rank 1
Mostafa Anoosheh asked on 03 Aug 2008, 07:29 AM
Hello,
How I can use RadFormDecorator in RTL mode.
when we have a checkbox in RTL mode checkbox image must appear in right.

Anyone has a suggestion?

Best regards
Mostafa

1 Answer, 1 is accepted

Sort by
0
Georgi Tunev
Telerik team
answered on 05 Aug 2008, 02:39 PM
Hi Mostafa,

Here is how to achieve the desired result:
<head runat="server"
    <title>Untitled Page</title> 
    <style type="text/css"
        .RTL .input 
        { 
            left:0; 
            right:0; 
            top:-9999px; 
        } 
         
        .RTL .radfdCheckboxChecked, 
        .RTL .radfdCheckboxUnchecked, 
        .RTL .radfdRadioUnchecked, 
        .RTL .radfdRadioChecked 
        { 
            padding-left:0; 
            padding-right:20px; 
        } 
         
        .radfd_Default .RTL .radfdCheckboxUnchecked, 
        .radfd_Default .RTL .radfdCheckboxUnchecked.radfdInputDisabled:hover 
        { 
            background-position:100% 0; 
        } 
 
        .radfd_Default .RTL .radfdInputDisabled.radfdCheckboxUnchecked:hover 
        { 
            background-position:100% 0; 
        } 
 
        .radfd_Default .RTL .radfdCheckboxUnchecked:hover 
        { 
            background-position:100% -200px !important; 
        } 
 
        .radfd_Default .RTL .radfdCheckboxChecked, 
        .radfd_Default .RTL .radfdInputDisabled.radfdCheckboxChecked:hover 
        { 
            background-position:100% -420px !important; 
        } 
 
        .radfd_Default .RTL .radfdCheckboxChecked:hover 
        { 
            background-position:100% -640px; 
        } 
 
    </style> 
</head> 
<body dir="rtl" class="RTL"
    <form id="form1" runat="server"
        <asp:ScriptManager ID="ScriptManager1" runat="server" /> 
        <telerik:RadFormDecorator ID="FormDecorator1" runat="server" /> 
        <asp:CheckBox ID="CheckBox1" runat="server" Text="Check" /> 
    </form> 




Regards,
Georgi Tunev
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Tags
FormDecorator
Asked by
Mostafa Anoosheh
Top achievements
Rank 1
Answers by
Georgi Tunev
Telerik team
Share this question
or