Question

I have a Custom User Control that will display messages to the user ie. Information, Error, Success. This is based off of Clickable Panel Closure I would like to add animation to the closing of the message using jquery but I am not sure how to implement this. Any suggestions? Outside of the controls being displayed my project is almost identical to the one in the link

Answer 1

call your own JS function and do the animations inside it. Then call the __doPostBack. Make sure to postback after the animation is done.

E.g:

Javascript:

function my__doPostBack(eventTarget, eventArgument) {
    my_PanelAnimateFunction(function() { 
        __doPostBack(eventTarget, eventArgument);
    });
}

function my_PanelAnimateFunction(callback) {
    //do animation stuff
    doAnimation();

    //callback so that the __doPostBack is executed
    callback(); 
}

Codebehind:

var script = String.Format("my__doPostBack('{0}', '');", myPanel.ClientID);
myPanel.Attributes.Add(HtmlTextWriterAttribute.Onclick, script);