Radalerts with different icons on same page

[Manuel Ortiz]

Hello,

I want to popup two different radalerts on my page depending on specific server side events.  However, I want a different image (by image I am referring to the yellow exclamation mark that the default radalert shows at the left of the text) to appear in each one of them.  For example, I want a checkmark on one and an exclamation mark on the other.

How can I accomplish this?? I have already made the radalert popup to work successfully, I only need to do the image thing.

Thank you in advance,
Manuel

[Princy]

Hi Manuel,

Have a look at the following approach in order to show different icons for radalert on same page.

css:

    <style type="text/css">
        .icon1 div.rwDialogPopup
        {
            background-image: url(../Images/image1.gif) !important;
        }
        .icon2 div.rwDialogPopup
        {
            background-image: url(../Images/image2.gif) !important;
        }
    </style>

client code for showing alert:

    <script type="text/javascript">
        function callAlert1() {
            var oWnd = radalert('main text to display', 340, 110, 'new title');
            var popupElement = oWnd.get_popupElement();
            popupElement.className = popupElement.className + " icon2";
        }
        function callAlert2() {
            var oWnd = radalert('main text to display', 340, 110, 'new title');
            var popupElement = oWnd.get_popupElement();
            popupElement.className = popupElement.className + " icon1";
        }
    </script>

I hope this couls help you. :)

Thanks,
Princy.

[sravanthi]

Hai Princy,

The solution works only on client side.do u have any solution to change the image of the rad alert on server side.
It would be very helpful if any one could help me.

Thanks,
Sravanthi