Changing text position in Radalert

4 posts, 0 answers
  1. M. R.
    M. R. avatar
    49 posts
    Member since:
    Dec 2009

    Posted 27 Apr 2010 Link to this post

    Hello,

    I removed the question mark icon from RadAlert using:

     

    .rwDialogPopup.radalert

     

    {

     

    background: url('') no-repeat left center !important;

     

    }

    as I wanted the text to be aligned towards the left margin of the window.

    However, the text didn't shift to the left as I expected, it's still at the same position, close to the center of the form beside the 'invisible ' icon.
    How can I shift the text to the left margin of the form?

    Thank you,

    M. Rusu
  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 28 Apr 2010 Link to this post

    Hi,

    Try the folowing CSS and see whether it helps.

    CSS:

     
    <style type="text/css">  
            .rwDialogPopup.radalert  
            {  
                backgroundnone !important;  
                padding-left0px !important;  
            }  
            .rwPopupButton  
            {  
                margin40px 80px !important; /* set the values accordingly*/  
            }  
        </style> 

    -Shinu.

  3. Bozhidar
    Admin
    Bozhidar avatar
    693 posts

    Posted 28 Apr 2010 Link to this post

    Hi M. Rusu,

    Shinu's suggestion is correct. Here is one more with comments added :

    .RadWindow .rwWindowContent .radalert
     {
      background-image: none !important; /* removes the excalamtion mark icon */   
     }
    .RadWindow .rwDialogText
     {
      margin-left: -55px !important; /* 55px moves the text to the left edge of the window, increase or decrease the value to move left or right */
     }
    .RadWindow .rwPopupButton
     {
      margin: 8px 8px 8px -55px !important; /* 55px moves the OK button to the left edge of the window, increase or decrease the value to move left or right */
     }

    Regards,
    Bojo
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
  4. M. R.
    M. R. avatar
    49 posts
    Member since:
    Dec 2009

    Posted 28 Apr 2010 Link to this post

    It worked!

    Thanks everybody for your help.

    Regards,
    M. Rusu
Back to Top