Input Problem with Right To Left

[alias]

Hi Dear telerik


when i use RadInput  with right to left text box, i have a bad problem: 
Warning icon is in the right side and this image conflict with text.
for this problem i used  this topic http://www.telerik.com/community/forums/aspnet-ajax/input/input-problem-with-right-to-left.aspx and my problem Solved.

when i Used  RadInput  with left to right text box for Numeric Entry Warning icon is in the left side and this image conflict with text.

i want warning icon is in Left Side and warning text is in right side for both of LTR and RTL

please Help me.

please see attached image : 

[Eyup]

Hello Ali,

Try using a div class to apply RTL mode to your controls. I have attached a sample project showing how to do that. Please give it a look and tell me know about the result.

Kind regards,
Eyup
the Telerik team

[alias]

Hi Eyup

this Sample Does not Work for me.


Please Help me step by step.


tnx.

[Eyup]

Hello Ali,

Another approach is to modify the CSS method shown in the provided topic by adding :

html body form .RadInput_Default .riError, html body form .RadInput_Error_Default
       {
           background-position: 3px -298px;
       }
html body .riTextBox
       {
           text-align: right !important;
       }

 
I have tried this styling and it works on my side properly. Please give it a try and inform me on the result.

Regards,
Eyup
the Telerik team

[alias]

Hi Eyup

this css does not work for RTL Textbox

plz See Attachment


Tnx.

[Shinu]

Hi alias,

Try adding the following css.

CSS:

<style type="text/css">
   .RadInput  .riError
     {
         background-position: 3px  -298px  !important ;
     }
</style>

Hope this helps.

Thanks,
-Shinu.

[alias]

hi Shinu

this is not work for me


tnx.

[Eyup]

Hi Alias,

The provided CSS works as expected on my end. Please look at the attached project where I included three text boxes in default, RTL and LTR mode and tell me what I am missing.

Greetings,
Eyup
the Telerik team