customize Alert, Prompt, Confirm windows

4 posts, 0 answers
  1. Mohammed
    Mohammed avatar
    87 posts
    Member since:
    Aug 2011

    Posted 01 Sep 2012 Link to this post

    Hi,
    I found rad window manager "Alert, Prompt, Confirm" windows are very useful.
    I read the below features of rad window manager : 
    Here are the main RadWindowManager's dialogs advantages:
    • Full customization of the window look to blend into the design of the site, thus increasing usability.
    • Control the initial size of the popup by providing width and height as extra parameters.
    • Richer user experience by using HTML content for the dialogs.

    I wonder how I can customize the radalert content for example. 

    I want the OK button be at the center of the window and I want to change the background and the text color and so on.

    kindly help me to do that and suggest any useful articles.

    regards,
  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 02 Sep 2012 Link to this post

    Hi Mohammed,

    Try overriding the default CSS as follows to achieve your scenario.

    CSS:
    <style type="text/css">
       .rwDialogPopup a.rwPopupButton, .rwDialogPopup a.rwPopupButton span
         {
            float: none !important;
            display: inline-block !important;
            *display: inline !important;  
            zoom: 1 !important;  
         }
       .rwDialogText + div, .rwDialogText + div + div
         {
            text-align: center !important;
         }
       .RadWindow .rwDialogPopup
         {
            color:Red !important;
         }
       .RadWindow_Default td.rwWindowContent
         {
            background-color:Black !important;
         }
    </style>

    Please take a look into this for more information.

    Regards,
    Shinu.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Mohammed
    Mohammed avatar
    87 posts
    Member since:
    Aug 2011

    Posted 03 Sep 2012 Link to this post

    Thanks Shinu,
  5. Mohammed
    Mohammed avatar
    87 posts
    Member since:
    Aug 2011

    Posted 07 Sep 2012 Link to this post

    Hi,
    i found this documentation is useful to customize the alert, prompt and confirm windows.
    http://www.telerik.com/help/aspnet-ajax/window-dialogs-changing-dialog-templates.html
Back to Top