This is a migrated thread and some comments may be shown as answers.

customize Alert, Prompt, Confirm windows

3 Answers 112 Views
Window
This is a migrated thread and some comments may be shown as answers.
Mohammed
Top achievements
Rank 2
Mohammed asked on 01 Sep 2012, 03:26 PM
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,

3 Answers, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 2
answered on 03 Sep 2012, 04:58 AM
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.
0
Mohammed
Top achievements
Rank 2
answered on 03 Sep 2012, 11:37 AM
Thanks Shinu,
0
Mohammed
Top achievements
Rank 2
answered on 07 Sep 2012, 01:23 PM
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
Tags
Window
Asked by
Mohammed
Top achievements
Rank 2
Answers by
Shinu
Top achievements
Rank 2
Mohammed
Top achievements
Rank 2
Share this question
or