customize Alert, Prompt, Confirm windows

[Mohammed]

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,

[Shinu]

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.

[Mohammed]

Thanks Shinu,

[Mohammed]

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