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

RadAlert Button Alignment

7 Answers 155 Views
Window
This is a migrated thread and some comments may be shown as answers.
DK
Top achievements
Rank 2
DK asked on 26 Aug 2009, 07:46 AM
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

7 Answers, 1 is accepted

Sort by
0
Accepted
Shinu
Top achievements
Rank 2
answered on 26 Aug 2009, 08:22 AM
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.
0
Georgi Tunev
Telerik team
answered on 26 Aug 2009, 08:22 AM
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.
0
DK
Top achievements
Rank 2
answered on 26 Aug 2009, 08:52 AM
margin-left30px !important; 
IN THE ABOVE LINE WHAT DOES MEANS  " !important"
should i keep it in the code or delete it.
0
Accepted
Georgi Tunev
Telerik team
answered on 26 Aug 2009, 08:54 AM
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.
0
DK
Top achievements
Rank 2
answered on 26 Aug 2009, 10:16 AM
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
0
Accepted
Georgi Tunev
Telerik team
answered on 26 Aug 2009, 10:19 AM
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.
0
DK
Top achievements
Rank 2
answered on 26 Aug 2009, 11:02 AM
thnaks for help.
its really working.
Tags
Window
Asked by
DK
Top achievements
Rank 2
Answers by
Shinu
Top achievements
Rank 2
Georgi Tunev
Telerik team
DK
Top achievements
Rank 2
Share this question
or