Session time out notifcation

[Pallavi]

Hi Team,

I wanted to shown an modal pop up message to user when  the screen is inactive for 20 minutes.
if the user clicks yes his session will increase by 20 minutes again and  continue.if clicked no he is moved to logout screen.I wanted to do this through kendoUI modal popup. any code snippet you share on this will be great to start off.

I have done this through Jquery  library (jquery.idle-timer.js) but has lot off UI issues.

It will be great to start of if you have any code which can solve my issue here 

Thanks Again!

[Veselin Tsvetanov]

Hi Pallavi,

To detect inactivity of the user in the browser window, you could use one of the suggested approaches in the following StackOverflow threads:

- Detecting idle time in JavaScript elegantly;

- Detecting user inactivity over a browser - purely through javascript;

​- How to know browser idle time?

If you detect an inactivity of 20 minutes using one of the above approaches, you could prompt the user to stay in the session or not, using the predefined Kendo Confirm Dialog:

kendo.confirm("Do you want to continue your session?").then(function () {
    // This will be executed if the OK button is pressed
    kendo.alert("You chose to continue the session.");
}, function () {
    // This will be executed if the Cancel button is clicked
    kendo.alert("You chose to terminate the session.");
});

I hope, that this helps. In case you have any other questions, please do not hesitate to contact us.

Regards,
Veselin Tsvetanov
Progress Telerik