Session Timeout Notification in asp.Net web apps

Question

Session Timeout Notification in asp.Net web apps

Aypn CNN 446

Hi, in my aspx .net web apps (VB), (devt tool VS 2022), I want to enable session with showing popup message, it must restart the session when the user clicks on any element, this would be performed by jQuery script, ref below my web apps property / attributes/ requirements ;

Most of the functions are I using and executing procedures in Java, jQuery with asmx service
I can connect client side Jquery to Asmx to SQL SPs
I may touch VB code-behind few areas only i.e., when form load, data bind to repeaters
I want show session warning message in 3 mins like this (ref below link), when user click any element in page then it would restart URL: Sample, I tested
Want to show below message , if user click any button in same page or different page (in this project only) then session should be restarted, otherwise it would redirect to MasterMenu.aspx (my dashboard page)

I hope understand my requirement pls provide your script in jquery or suitable one.

AgaveJoe 30,126 Reputation points

2024-02-11T12:55:50.2466667+00:00

If I understand correctly you found a tutorial that solves this use case. So, what exactly is the problem? What was the result of testing the tutorial code?
Aypn CNN 446 Reputation points

2024-02-11T13:29:04.28+00:00

Hi @AgaveJoe ,I tried to apply the instructed code (as per tutorial), which should cause the session to refresh when the user clicks on any form element within the allotted time. However, in this case, the session time is not resetting when the user clicks on any button or dropdowns. I hope you understand the problem.
AgaveJoe 30,126 Reputation points

2024-02-11T14:00:31.7733333+00:00

I tried to apply the instructed code (as per tutorial), which should cause the session to refresh when the user clicks on any form element within the allotted time.

The tutorial updates the Session timeout on a standard Web Forms post back.
SurferOnWww 4,631 Reputation points

2024-02-12T01:00:40.8266667+00:00

What is your authentication system? If you use ASP.NET Identity there is no relation between the ASP.NET Session and the ASP.NET Identity. Therefore, the message in the dialog "You will be logged out in 56 seconds" does not make sense.
Lan Huang-MSFT 30,186 Reputation points Microsoft External Staff

2024-02-26T02:42:12.27+00:00

Hi @Aypn CNN,

We haven't heard any response from you yet.

Are there any updates on this issue? I am glad to help if you have any other questions.

1 answer

Your answer

AgaveJoe 30,126 Reputation points

2024-02-11T12:55:50.2466667+00:00

If I understand correctly you found a tutorial that solves this use case. So, what exactly is the problem? What was the result of testing the tutorial code?
Aypn CNN 446 Reputation points

2024-02-11T13:29:04.28+00:00

Hi @AgaveJoe ,I tried to apply the instructed code (as per tutorial), which should cause the session to refresh when the user clicks on any form element within the allotted time. However, in this case, the session time is not resetting when the user clicks on any button or dropdowns. I hope you understand the problem.
AgaveJoe 30,126 Reputation points

2024-02-11T14:00:31.7733333+00:00

I tried to apply the instructed code (as per tutorial), which should cause the session to refresh when the user clicks on any form element within the allotted time.

The tutorial updates the Session timeout on a standard Web Forms post back.
SurferOnWww 4,631 Reputation points

2024-02-12T01:00:40.8266667+00:00

What is your authentication system? If you use ASP.NET Identity there is no relation between the ASP.NET Session and the ASP.NET Identity. Therefore, the message in the dialog "You will be logged out in 56 seconds" does not make sense.
Lan Huang-MSFT 30,186 Reputation points Microsoft External Staff

2024-02-26T02:42:12.27+00:00

Hi @Aypn CNN,

We haven't heard any response from you yet.

Are there any updates on this issue? I am glad to help if you have any other questions.

Answer 1

Hi @Aypn CNN,

From what I understand, your current requirement is that when the user clicks on the page, the session must be restarted.

I've tested a simple example below. Assuming that the session time is 60 seconds, a session timeout notification will appear when it reaches 50 seconds.

When you click on the page, the session will refresh.

Demo

The Session Timeout has been set to one minute in Web.Config.

 <system.web>
// ***
  <sessionState timeout = "1"/>
 </system.web>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script src="https://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/jquery-ui.js" type="text/javascript"></script>
    <link href="https://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/themes/start/jquery-ui.css"
        rel="stylesheet" type="text/css" />
    <script type="text/javascript">
        $('html').on('click', function () {
            ResetSession();
        })
        $(function () {
            $("#dialog").dialog({
                autoOpen: false,
                modal: true,
                title: "Session Expiring",
                buttons: {
                    Ok: function () {
                        ResetSession();
                    },
                    Close: function () {
                        $(this).dialog('close');
                    }
                }
            });
        });
        function SessionExpireAlert(timeout) {
            var seconds = timeout / 1000;
            $("#secondsIdle").html(seconds);
            $("#seconds").html(seconds);
            setInterval(function () {
                seconds--;
                $("#secondsIdle").html(seconds);
                $("#seconds").html(seconds);
            }, 1000);
            setTimeout(function () {
                //Show Popup before 50 seconds of timeout.
                $('#dialog').dialog('open');
            }, timeout - 50 * 1000);
            setTimeout(function () {
                window.location = "MasterMenu.aspx";
            }, timeout);
        };
        function ResetSession() {
            //Redirect to refresh Session.
            window.location = window.location.href;
        };
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <h3>Session Idle:&nbsp;<span id="secondsIdle"></span>&nbsp;seconds.</h3>
        <div id="dialog">
            Your Session will expire in&nbsp;<span id="seconds"></span>&nbsp;seconds.<br />
            Do you want to reset?
        </div>
    </form>
</body>
</html>

 Protected Sub Page_Load(sender As Object, e As EventArgs) Handles Me.Load
     Response.Cache.SetCacheability(HttpCacheability.NoCache)
     If Not Me.IsPostBack Then
         Session("Reset") = True
         Dim config As Configuration = WebConfigurationManager.OpenWebConfiguration("~/Web.Config")
         Dim section As SessionStateSection = DirectCast(config.GetSection("system.web/sessionState"), SessionStateSection)
         Dim timeout As Integer = CInt(section.Timeout.TotalMinutes) * 1000 * 60
         ClientScript.RegisterStartupScript(Me.GetType(), "SessionAlert", "SessionExpireAlert(" & timeout & ");", True)
     End If
 End Sub

User's image

Best regards,
Lan Huang

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Share via

Session Timeout Notification in asp.Net web apps

1 answer

Your answer