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

radalert custom icon

11 Answers 733 Views

Window

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

11 Answers, 1 is accepted

answered on 19 Aug 2009, 01:40 AM

Thank you for help us.

One more request.

How can I do this clientside?

function fnShowRadAlert(typeIcon)
{
    switch (typeIcon)
    {
        case 0:
                   radalert   -> with alert icon
                   break;
        case 1:
                   radalert   -> with warning icon
                   break;
        case 2:
                   radalert   -> with ok icon
                   break;
}

I mean, How can I change CSS dynamically?

answered on 26 Aug 2009, 12:05 PM

EDIT:
Hello DK

The correct line is:
popupElement.className = popupElement.className + " icon2";
There was a duplicated string in the code - I fixed it to avoid further problems.

/END EDIT

Hi iomega 55,

Yes, this is possible. Here is a small sample that shows the basic approach - you can extend it further to fit your requirements.

    
            <head runat="server"> 
        
                <title></title> 
        
                <style type="text/css"> 
        
                    .icon1 div.rwDialogPopup 
        
                    { 
        
                        background-image: url(Skins/Black/Common/loading.gif) !important; 
        
                    } 
        
                    .icon2 div.rwDialogPopup 
        
                    { 
        
                        background-image: url(Skins/Hay/Common/loading.gif) !important; 
        
                    } 
        
                </style> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server"> 
        
                <asp:ScriptManager ID="ScriptManager1" runat="server"> 
        
                </asp:ScriptManager> 
        
                <telerik:RadWindowManager ID="RadWindowManager1" runat="server"> 
        
                </telerik:RadWindowManager> 
        
                <script type="text/javascript"> 
        
                    function callAlert() 
        
                    { 
        
                        var oWnd = radalert('main text to display', 340, 110, 'new title'); 
        
                        var popupElement = oWnd.get_popupElement(); 
        
                        popupElement.className = popupElement.className + " icon2"; 
        
                    } 
        
                </script> 
        
                <button onclick="callAlert(); return false;"> 
        
                    show radalert</button> 
        
                </form>

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.

answered on 26 Aug 2009, 05:35 PM

You have a few little mistakes like a missing "=" etc., but just copy + paste this code.

Head section:

    
                <style type="text/css" > 
        
                    .icon div.rwDialogPopup  
        
                    {  
        
                        background-image: url(Images/error.jpg) !important;  
        
                    }  
        
                </style>

And then this in the body:

    
                <script type="text/javascript"> 
        
                    var divStart = "<Div class='ABC'>"; 
        
                    var divEnd = "</Div>"; 
        
                    function TOAAlert(msg)  
        
                    {  
        
                        var oWnd = radalert(divStart + msg + divEnd, 100, 100, 'TOA_Alert');  
        
                        var popupElement = oWnd.get_popupElement();  
        
                        popupElement.className = popupElement.className + " icon"; 
        
                    } 
        
                </script>

Tested and it worked fine for me.

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

radalert custom icon

11 Answers, 1 is accepted