Input Problem with Right To Left

8 posts, 0 answers
  1. alias
    alias avatar
    9 posts
    Member since:
    May 2006

    Posted 06 Apr 2012 Link to this post

    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 : 
  2. Eyup
    Admin
    Eyup avatar
    3005 posts

    Posted 10 Apr 2012 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. alias
    alias avatar
    9 posts
    Member since:
    May 2006

    Posted 11 Apr 2012 Link to this post

    Hi Eyup

    this Sample Does not Work for me.


    Please Help me step by step.


    tnx.
  5. Eyup
    Admin
    Eyup avatar
    3005 posts

    Posted 13 Apr 2012 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  6. alias
    alias avatar
    9 posts
    Member since:
    May 2006

    Posted 14 Apr 2012 Link to this post

    Hi Eyup

    this css does not work for RTL Textbox

    plz See Attachment


    Tnx.
  7. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 16 Apr 2012 Link to this post

    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.
  8. alias
    alias avatar
    9 posts
    Member since:
    May 2006

    Posted 16 Apr 2012 Link to this post

    hi Shinu

    this is not work for me


    tnx.
  9. Eyup
    Admin
    Eyup avatar
    3005 posts

    Posted 18 Apr 2012 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017