RadAlert Button Alignment

8 posts, 3 answers
  1. DK
    DK avatar
    72 posts
    Member since:
    Jun 2009

    Posted 26 Aug 2009 Link to this post

    Hi i want to align the button of radalert in the center.
    how can i.
    shouls i use the alert template.
    how can i add the same image in the alert template.
    please give me an example of alert template which have radalert image and ok button align in center
  2. Answer
    Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 26 Aug 2009 Link to this post

    Hello,

    One suggestion to align the button is by applying margin-left from CSS as shown below. Try setting the value accorgingly in order to center the button properly.

    CSS:
         
    <style type="text/css"
    .rwPopupButton 
       margin-left30px !important;   
    </style> 

    You can also change the RadAlert icon by applying the CSS as follows.

    CSS:
     
    <style type="text/css"
    .RadWindow .rwWindowContent .radalert 
    {  
        background-imageurl('../Images/ModalDialogConfirm.gif') !important; 
    }   
    </style> 

    -Shinu.
  3. Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 26 Aug 2009 Link to this post

    Hi DK,

    I believe that the following help topic will be of help:
    http://www.telerik.com/help/aspnet-ajax/window_dialogschangingthedialogtemplates.html

    Use the code there as a base and modify it so the look of the window fits your requirements.

    Best wishes,
    Georgi Tunev
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
  4. DK
    DK avatar
    72 posts
    Member since:
    Jun 2009

    Posted 26 Aug 2009 Link to this post

    margin-left30px !important; 
    IN THE ABOVE LINE WHAT DOES MEANS  " !important"
    should i keep it in the code or delete it.
  5. Answer
    Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 26 Aug 2009 Link to this post

    Hello DK,

    The !important directive is used to override CSS classes. More information on the subject is available in various resources on the Net.


    Kind regards,
    Georgi Tunev
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
  6. DK
    DK avatar
    72 posts
    Member since:
    Jun 2009

    Posted 26 Aug 2009 Link to this post

    can i dynamically change the css of the radalert?
    with the help of javascript.
    i want to show different images at different time.
    so i need to change the css dynamically .
    if any other way is possible then plz suggest me
  7. Answer
    Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 26 Aug 2009 Link to this post

    Hello DK,

    Yes, this is possible. Please check the following forum thread for details:
    http://www.telerik.com/community/forums/aspnet-ajax/window/radalert-custom-icon.aspx


    Sincerely yours,
    Georgi Tunev
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
  8. DK
    DK avatar
    72 posts
    Member since:
    Jun 2009

    Posted 26 Aug 2009 Link to this post

    thnaks for help.
    its really working.
Back to Top