How can i add close button to toastr.js in asp.net web form?

Question

I'm beginning in asp.net and want to use the toastr.js for show user any message,for that purpose download the toastr.js and in my web form in submit button write this code:

protected void Submit(object sender, EventArgs e)
        {
            Page.ClientScript.RegisterStartupScript(this.GetType(),
    "toastr_message", "toastr.error('There was an error', 'Error')", true);
            Div3.Visible = true;
        }

show me message correctly,but message box not hide,and I want add close button that message box ,when user fire the close button,message start unhide with fade effect.How can I solve that ?thanks.

Refer http://stackoverflow.com/questions/20569865/sticky-toastr-onclick-event-of-close-button it could be a possible duplicate. — Rahul Hendawe, May 25 '16 at 05:27
If you want some other button, you can always customize the template. — PSK, May 25 '16 at 08:23

score 1 · Accepted Answer · answered May 25 '16 at 08:20

Adding the closeButton option should do the trick https://github.com/CodeSeven/toastr#close-button:

Page.ClientScript.RegisterStartupScript(this.GetType(), "toastr_message", "toastr.error('There was an error', 'Error', { closeButton: true })", true);

How can i add close button to toastr.js in asp.net web form?

1 Answers1