How to use Toast notifications without postback RRS feed

All replies

  • User839733648 posted

    Hi GeorgeClass,

    In my opinion, toastr will not cause any postback.

    You could refer to the link to check: https://github.com/CodeSeven/toastr

    • toastr is a Javascript library for non-blocking notifications. 

    I've also tried the demo provided on my side and it do work well.


    Best Regards,


    Wednesday, March 6, 2019 7:59 AM
  • User-1063667917 posted

    Thanks Jenifer !!!

    I don't have a strong knowledge on web programming, this demo (really appreciated) looks to me as a jquery sample that does not process anything on the server, but I need to click on a button, do some process on the backend and then inform the user, maybe using updatepanel?

    Any idea on how to do it?, I am totally lost

    Wednesday, March 6, 2019 8:53 AM
  • User839733648 posted

    Hi GeorgeClass,

    I suggest that you could use RegisterStartupScript() to call js function in your code behind.

    Please refer to the following simple demo.


    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <link href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css" rel="stylesheet" />
        <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet" />
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js"></script>
            function showContent() {
                toastr.options = {
                    "closeButton": true,
                    "debug": false,
                    "progressBar": true,
                    "preventDuplicates": false,
                    "positionClass": "toast-top-right",
                    "showDuration": "400",
                    "hideDuration": "1000",
                    "timeOut": "7000",
                    "extendedTimeOut": "1000",
                    "showEasing": "swing",
                    "hideEasing": "linear",
                    "showMethod": "fadeIn",
                    "hideMethod": "fadeOut"
                toastr["success"]("This is a message");
        <form id="form1" runat="server">
                <asp:Button ID="Button1" runat="server" Text="Button" CssClass="btn btn-primary" OnClick="Button1_Click" />


            protected void Button1_Click(object sender, EventArgs e)
    //Your operation Page.ClientScript.RegisterStartupScript(this.GetType(), "CallMyFunction", "showContent();", true); }


    Best Regards,


    Thursday, March 7, 2019 3:53 AM
  • User-1063667917 posted

    Thanks Jenifer, a ver clean sample, but we still have the problem that is posting, I am looking for a way to show the message without posting, any ideas?

    Saturday, March 9, 2019 8:09 AM
  • User-474980206 posted
    Your issue is unrelated to toast notifications. For a web page to execute server code it either does a post back, or uses Ajax.
    Saturday, March 9, 2019 6:04 PM