CINXE.COM
CPGRAMS-Home
<!doctype html> <html lang="en"> <head> <title>CPGRAMS-Home</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Cache-Control" content="no-store" /> <link rel="shortcut icon" href="/Images/favicon.ico" type="image/x-icon"> <link rel="icon" href="/Images/favicon.ico" type="image/x-icon"> <noscript> <meta http-equiv="refresh" content="0;url=/NoJScript" /> </noscript> <meta name="keywords" content="CPGRAMS, Public Grievance, Grievance, Complaint to GOI, Government Complaint" /> <meta name="Description" content="CPGRAMS Public Grievance Portal of GoI."> <link href="/Content/styleLayout?v=xnvdJheOOmqD__YdMh8qGDaDzR0wr9dA5Hwgc_mtTpo1" rel="stylesheet"/> <script src="/bundles/jquery?v=290TUbkKLQAPBL1vmjL_RvWc_xQPNQAxuU5l3G2qsbE1"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> <!--<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">--> <!-- Ionicons --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css"> <script src="/bundles/bootstrap?v=Rc0g6GDBha0U2Ue5txisObdTUK1i4R1sOhOsbTe7GyM1"></script> <style> .button { float: right; background-size: 100% 100%; cursor: pointer; border: none; /*noness*/ width: 200px; height: 200px; vertical-align: middle; /* align the text vertically centered */ } .emailMsg { color: #fff; font-weight: 600; font-size: 16px; margin: 0; padding: 5px; background: #6e0747; text-align: center; } .layoutSection { background-color: #3F51B5; color: rgb(255, 255, 255); opacity: 5; border-radius: 10px; transition: all 1s ease-in-out; } </style> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-RGTF69CSVF"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } //gtag('js', new Date()); /*gtag('config', 'G-RGTF69CSVF');*/ //gtag('config', 'G-RGTF69CSVF', { // cookie_flags: 'max-age=7200;secure;samesite=Lax' //}); </script> </head> <body> <div class="main"> <div class="topbar"> <div class="container-fluid clearfix"> <div class="tophead_left"> <ul> <li class="gov"> <span class="lang-hin">भारत सरकार </span> <span>Government of India</span> </li> <li class="ministry"> <span class="lang-hin">कार्मिक, लोक शिकायत और पेंशन मंत्रालय</span> <span>Ministry of Personnel, Public Grievances & Pensions</span> </li> </ul> </div> <div class="tophead_right"> <ul class="top_row flex-row"> <li> <a href="/" class="loginlinks"> <img src="/Images/ico_home.png" alt="Home"><span class="hidden-sm-down">Home</span> </a> </li> <li><a href="/Home/ContactUs" class="loginlinks"><img src="/Images/ico_contact.png" alt="Contact"><span class="hidden-sm-down">Contact Us</span></a></li> <li><a href="/Home/AboutUs" class="loginlinks"><img src="/Images/ico_about.png" alt="About"><span class="hidden-sm-down">About Us</span></a></li> <li><a href="/Home/Faq" class="loginlinks"><img src="/Images/ico_help.png" alt="Help"><span class="hidden-sm-down">FAQs/Help</span></a></li> <li><a target="_blank" href="/Sitemap" class="loginlinks"><img src="/Images/sitemap.png" alt="calendar icon" /><span class="hidden-sm-down">Site Map</span></a></li> <li><a target="_blank" href="/Home/Preview/SG9saWRheVllYXIyMDI0LnBkZg%3d%3d" class="loginlinks"><img src="/Images/ico_calendar.png" alt="calendar icon" /><span class="hidden-sm-down">2024 Holiday List</span></a></li> </ul> </div> </div> </div> <div class="head"> <div class="container-fluid clearfix"> <div class="d-flex justify-content-between"> <div class="logo" style="width: 400px"> <a href="/"><img src="/Images/iconHome/logo.png" alt="CPGRAMS Logo"></a> </div> <div class="title-main"> <h1>CPGRAMS</h1> <span>Centralized Public Grievance Redress And Monitoring System</span> </div> <div class="swachh"> <img src="/Images/swachha.png" alt="swachha"> </div> </div> </div> </div> <div class="main-navbar bg-dark"> <div class="container-fluid"> <nav class="navbar navbar-expand-md navbar-dark d-flex justify-content-between"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar"> <span class="navbar-toggler-icon"> </span> </button> <div class="collapse navbar-collapse" id="collapsibleNavbar"> <ul class="navbar-nav"> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown2" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <img src="/Images/ico_view.png" alt="Nodal">View Status </a> <ul class="dropdown-menu" aria-labelledby="navbarDropdown2"> <a class="dropdown-item" href="/Status">Grievance Status</a> <a class="dropdown-item" href="/Appeal/Status">Appeal Status</a> </ul> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown2" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <img src="/Images/ico_nodal.png" alt="Nodal">Nodal PG Officers </a> <ul class="dropdown-menu" aria-labelledby="navbarDropdown2"> <a class="dropdown-item" href="/Home/NodalPgOfficers">Central Government</a> <a class="dropdown-item" href="/Home/NodalPgOfficersState">State Government</a> </ul> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown3" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <img src="/Images/ico_redress.png" alt="Redress">Redress Process </a> <ul class="dropdown-menu" aria-labelledby="navbarDropdown3"> <a class="dropdown-item" href="/Home/ProcessFlow">Redress Process Flow</a> </ul> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown4" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <img src="/Images/ico_grievance.png" alt="Grievance">Grievance </a> <ul class="dropdown-menu" aria-labelledby="navbarDropdown4"> <a class="dropdown-item" href="/Home/LodgeGrievance">Lodge Public Grievance</a> <a id="pensionGrievanceLink" class="dropdown-item">Lodge Pension Grievance</a> <a class="dropdown-item" href="/Status">View Status</a> <a class="dropdown-item" href="/Reminder">Reminder Clarification</a> <a class="dropdown-item" href="/status/Index/F2A735FA35FCA11528479B9308348C17">Rate Grievance</a> </ul> </li> <li class="nav-item"> <a class="nav-link" href="/Home/NodalAuthorityForAppeal"><i class="fa fa-users" aria-hidden="true"></i>Nodal Authority for Appeal<span class="sr-only">(current)</span></a> </li> <li class="nav-item"> <a target="_blank" download="CPGRAMS-mobile-app" class="nav-link" href="/Mobile-app/app-release.apk"> <img width="15" height="20" src="/Images/mobile.png" alt="Mobile App"> Mobile App </a> </li> </ul> </div> <div> </div> <span class="text-white mr-2"> Language : </span> <div class="lang dropdown mr-2"> <a id="dropdownToggle" class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">English</a> <div class="dropdown-menu dropdown-menu col-sm-2" aria-labelledby="dropdown09"> <a id="en" class="dropdown-item" href="/Culture/Index/en">English</a> <a id="hi" class="dropdown-item" href="/Culture/Index/hi">हिंदी (Hindi)</a> <a id="gu" class="dropdown-item" href="/Culture/Index/gu">ગુજરાતી (Gujarati)</a> <a id="mr" class="dropdown-item" href="/Culture/Index/mr">मराठी (Marathi)</a> <a id="bn" class="dropdown-item" href="/Culture/Index/bn">বাংলা (Bangala)</a> <a id="te" class="dropdown-item" href="/Culture/Index/te">తెలుగు (Telugu)</a> <a id="as" class="dropdown-item" href="/Culture/Index/as">অসমীয়া (Assamese)</a> <a id="or" class="dropdown-item" href="/Culture/Index/or">ଓଡିଆ (Odia)</a> <a id="ta" class="dropdown-item" href="/Culture/Index/ta">தமிழ் (Tamil)</a> <a id="ml" class="dropdown-item" href="/Culture/Index/ml">മലയാളം (Malayalam)</a> <a id="ur" class="dropdown-item" href="/Culture/Index/ur"> (Urdu) اردو</a> <a id="sd" class="dropdown-item" href="/Culture/Index/sd">Sindhi</a> <a id="br" class="dropdown-item" href="/Culture/Index/br">बोडो (Bodo)</a> <a id="ko" class="dropdown-item" href="/Culture/Index/ko">कोंकणी (Konkani)</a> <a id="ne" class="dropdown-item" href="/Culture/Index/ne">नेपाली (Nepali)</a> <a id="mn" class="dropdown-item" href="/Culture/Index/mn">Manipuri</a> <a id="pa" class="dropdown-item" href="/Culture/Index/pa">ਪੰਜਾਬੀ (Punjabi)</a> <a id="kn" class="dropdown-item" href="/Culture/Index/kn">ಕನ್ನಡ (Kannada)</a> <a id="da" class="dropdown-item" href="/Culture/Index/da">डोगरी (Dogri)</a> <a id="mt" class="dropdown-item" href="/Culture/Index/mt">मैथिली (Maithili)</a> <a id="ks" class="dropdown-item" href="/Culture/Index/ks"> کشمیر (Kashmiri)</a> <a id="sa" class="dropdown-item" href="/Culture/Index/sa">संस्कृत (Sanskrit)</a> <a id="st" class="dropdown-item" href="/Culture/Index/st">ᱥᱟᱱᱛᱟᱲᱤ (Santhali)</a> </div> </div> <div class="signIn"> <a class="btn btn-signIn" href="/Signin"> <img src="/Images/signIn.png" alt="SignIn"> Sign In </a> </div> </nav> </div> </div> <div class="main-content"> <div class="container-fluid"> <div id="demo" class="carousel carousel-fade" data-ride="carousel" data-interval="7000"> <ul class="carousel-indicators"> <li data-target="#demo" data-slide-to="0" class="active"></li> <li data-target="#demo" data-slide-to="1"></li> <li data-target="#demo" data-slide-to="2"></li> <li data-target="#demo" data-slide-to="3"></li> <li data-target="#demo" data-slide-to="4"></li> <li data-target="#demo" data-slide-to="5"></li> <li data-target="#demo" data-slide-to="6"></li> </ul> <div class="carousel-inner"> <div class="carousel-item active"> <img src="/Images/bannerHome/baner-cpgrams_1.jpg" alt="Banner 1"> </div> <div class="carousel-item"> <img src="/Images/bannerHome/baner-cpgrams_2.jpg" alt="Banner 2"> </div> <div class="carousel-item"> <img src="/Images/bannerHome/baner-cpgrams_3.jpg" alt="Banner 3"> </div> <div class="carousel-item"> <img src="/Images/bannerHome/baner-cpgrams_4.jpg" alt="Banner 4"> </div> <div class="carousel-item"> <img src="/Images/bannerHome/baner-cpgrams_5.jpg" alt="Banner 5"> </div> <div class="carousel-item"> <img src="/Images/bannerHome/baner-cpgrams_6.jpg" alt="Banner 6"> </div> <div class="carousel-item"> <img src="/Images/bannerHome/baner-cpgrams_7.jpg" alt="Banner 7"> </div> </div> <a class="carousel-control-prev" href="#demo" data-slide="prev"> <span class="carousel-control-prev-icon"></span> </a> <a class="carousel-control-next" href="#demo" data-slide="next"> <span class="carousel-control-next-icon"></span> </a> </div> <!--<div id="demo1" class="carousel slide heighlights mt-10" data-ride="carousel" data-interval="5000"> <div class="carousel-inner"> <div class="carousel-item active" style="background: #80c8ea;"> <div class="row"> <div class="col-md-4"> <div class="innerText"> <h2>88</h2> <p>Ministry/Departments</p> </div> </div> <div class="col-md-4"> <div class="innerText"> <h2>88</h2> <p>Ministry/Departments</p> </div> </div> <div class="col-md-4"> <div class="innerText"> <h2>88</h2> <p>Ministry/Departments</p> </div> </div> </div> </div> <div class="carousel-item" style=" background: #f3cf9b;"> <div class="row"> <div class="col-md-4"> <div class="innerText"> <h2>88</h2> <p>Ministry/Departments</p> </div> </div> <div class="col-md-4"> <div class="innerText"> <h2>88</h2> <p>Ministry/Departments</p> </div> </div> <div class="col-md-4"> <div class="innerText"> <h2>88</h2> <p>Ministry/Departments</p> </div> </div> </div> </div> </div> <a class="carousel-control-prev" href="#demo1" data-slide="prev"> <span class="carousel-control-prev-icon"></span> </a> <a class="carousel-control-next" href="#demo1" data-slide="next"> <span class="carousel-control-next-icon"></span> </a> </div>--> <!--<section class="heighlights"> <marquee> <ul> <li><a href="">88 Ministry/Departments of central Government and 37 States/UTs are Onboarded to receive online Grievances</a><span>|</span></li> <li><a href="">About 58000 subordinate offices of the Ministry/Department/State/UTs are Mapped to redress grievance Online</a><span>|</span></li> <li><a href="">Portal supports bi-lingual (Hindi and English) access</a><span>|</span></li> <li><a href="">Grievance text can be written in and Unicode language<span>|</span></li> <li><a href="">Average Disposal rate in CPGRAMS is ___ %</a><span>|</span></li> <li><a href="">Average grievance disposal time is _______ days</a></li> </ul> </marquee> </section>--> <div class="aboutSection"> <div class="container-fluid"> <div class="col-md-12"> <h3 class="emailMsg">Any Grievance sent by email will not be attended to / entertained. Please lodge your grievance on this portal. </h3> </div> <div class="row innerSection"> <div class="col-md-8 p-0"> <div class=""> <h2>ABOUT CPGRAMS</h2> <div class="text-justify font-size-14 pt-1 pb-0"> <p class="text-justify"> Centralised Public Grievance Redress and Monitoring System (CPGRAMS) is an online platform available to the citizens 24x7 to lodge their grievances to the public authorities on any subject related to service delivery. It is a single portal connected to all the Ministries/Departments of Government of India and States. Every Ministry and States have role-based access to this system. CPGRAMS is also accessible to the citizens through standalone mobile application downloadable through Google Play store and mobile application integrated with UMANG. </p> <p class="text-justify"> The status of the grievance filed in CPGRAMS can be tracked with the unique registration ID provided at the time of registration of the complainant. CPGRAMS also provides appeal facility to the citizens if they are not satisfied with the resolution by the Grievance Officer. After closure of grievance if the complainant is not satisfied with the resolution, he/she can provide feedback. If the rating is ‘Poor’ the option to file an appeal is enabled. The status of the Appeal can also be tracked by the petitioner with the grievance registration number. </p> <ul class="mt-2 list-style-none pb-0"> <span class="font-bold text-info"><i class="fa fa-info-circle"></i> Issues which are not taken up for redress :</span> <li class="ml-3"><i class="fa fa-caret-right"></i> RTI Matters</li> <li class="ml-3"><i class="fa fa-caret-right"></i> Court related / Subjudice matters</li> <li class="ml-3"><i class="fa fa-caret-right"></i> Religious matters</li> <li class="ml-3"><i class="fa fa-caret-right"></i> Suggestions</li> <li class="ml-3"><i class="fa fa-caret-right"></i> Grievances of Government employees concerning their service matters including disciplinary proceedings etc. unless the aggrieved employee has already exhausted the prescribed channels keeping in view the <a target="_blank" href="Home/Preview/RE9QVF9PTV9PblNlcnZpY2VNYXR0ZXJzKEVuZ2xpc2gpMzEtMDgtMjAxMy1Fc3R0LUEtSUlJLUVuZy5wZGY%3d">DoPT OM No. 11013/08/2013-Estt.(A-III) dated 31.08.2015</a></li> </ul> </div> </div> <div class="contBox text-justify border border-danger mr-0" style="display: none;"> <ul> <li><i class="fa fa-caret-right"></i> Your valuable feedback on quality of grievance disposal will help us to improve the service</li> <li><i class="fa fa-caret-right"></i> Any Grievance sent by email will not be attended to / entertained. Please lodge your grievance on this portal.</li> </ul> <p class="mb-0"><span style="color: #0c4bFF; font-weight: 900;">Request </span> : All grievances relating to State Governments / Union Territory Administrations and Government of NCT Region of Delhi, are to be redressed by the State/ UT/ NCT Government concerned. Citizens are advised to take up matter regarding pendency of their grievance directly with the State Government concerned. </p> </div> <div class="container-fluid"><strong>Note :</strong> <br/><ol class="ml-3"><li> If you have not got a satifactory redress of your grievance within a reasonable period of time,relating to <a href='https://dpg.gov.in/AuthPages/OgCovered.aspx' target='_blank'>Ministries/Departments and Organisations</a> under the purview of Directorate of Public Grievances(DPG), Cabinet Secretariat, GOI, you may seek help of DPG in resolution. Please <a href='https://dpg.gov.in/Default.aspx' target='_blank'>click here</a> for details. </li><li>Government is not charging fee from the public for filing grievances. All money being paid by the public for filing grievance is going only to M/s CSC only</li></ol> </div> </div> <div class="col-md-4"> <h2>WHAT'S NEW</h2> <div class="whatsNew"> <ul> <li> <a href="/Home/Preview/U3RyZW5ndGhlbmluZ29mTWFjaGluZXJ5Zm9yUmVkcmVzc2Fsb2ZQdWJsaWNHcmlldmFuY2VDUEdSQU1TLnBkZg%3d%3d" target="_blank"><span><b>27</b> <em>July 2022 </em></span> Strengthening of Machinery for Redressal of Public Grievance (CPGRAMS) (PDF - 1.05 MB)</a></li> <li> <a href="/Home/Preview/Q29tcHJlaGVuc2l2ZUd1aWRlbGluZXNGb3JIYW5kbGluZ1RoZVB1YmxpY0dyaWV2YW5jZXMucGRm" target="_blank"><span><b>23</b> <em>August 2024 </em></span> Comprehensive Guidelines for Handling the Public Grievances (PDF - 0.25 MB)</a></li> </ul> </div> </div> </div> </div> </div> <div class="boxSection"> <div class="row innerSection"> <div class="col-md-4"> <div class="box box2"> <a href="/Signin"> <img src="/Images/iconHome/register.png" alt="Register/Login"> <p><span>Register / Login</span></p> </a> </div> </div> <div class="col-md-4"> <div class="box box1"> <a href="/Status"> <img src="/Images/iconHome/status.png" alt="Status"> <p><span>View Status</span></p> </a> </div> </div> <div class="col-md-4"> <div class="box box3"> <a href="/Home/ContactUs"> <img src="/Images/iconHome/contact.png" alt="Contact"> <p><span>Contact Us</span></p> </a> </div> </div> </div> </div> </div> </div> <footer> <div class="footer-top"> <div class="copyright"> <div class="text-center my-2"> <a href="https://www.facebook.com/DARPGIndia/" target="_blank"><img src="/Images/f.png" width="30" /></a> <a href="https://twitter.com/DARPG_GoI" target="_blank"><img src="/Images/x.png" width="30" class="mx-2" /></a> <a href="https://youtube.com/%40darpg5380?si=Z2Va_V5kGY1dX_yb" target="_blank"><img src="/Images/yt.png" width="30" /></a> </div> <div style="font-size: 15px"> This site is designed, developed & hosted by National Informatics Centre, Ministry of Electronics & IT (MeitY), Government of India and Content owned by Department of Administrative Reforms & Public Grievances.</div> </div> </div> <div class="footer-bottom"> <p class="mb-1" style="color: #f3f19c;font-size: 15px"> Portal is Compatible with all major Browsers like Google Chrome, Mozilla Firefox, Microsoft Edge, Safari etc. </p> <p class="mb-3" style="color: #f3f19c;font-size: 15px">Best Viewed in 1440 x 900 resolution</p> <div class="ad_image content"> <a class="gov_logo" target="_blank" href="https://gandhi.gov.in/"><img src="/Images/gandhi-150.jpg" alt=""></a><br> <a class="indgov_logo" target="_blank" href="https://digitalindiaawards.gov.in"><img src="/Images/digi-awards.jpg" alt=""></a> <a class="digi_logo" target="_blank" href="http://goidirectory.nic.in"><img src="/Images/web-directory.jpg" alt="digital-India"></a><br> <a class="digi_logo" target="_blank" href="http://www.makeinindia.com"><img src="/Images/made-in-india.jpg" alt="nic"></a><br> <a class="digi_logo" target="_blank" href="https://www.digitalindia.gov.in/"><img src="/Images/digital-india-logo.jpg" alt="digital-India"></a><br> <a class="indgov_logo" target="_blank" href="https://www.india.gov.in/"><img src="/Images/india-gov-logo.jpg" alt=""></a><br> <a class="digi_logo" target="_blank" href="https://www.nic.in/"><img src="/Images/niclogo.jpg" alt="nic"></a> </div> <p> <span class="disc my-2"> <a href="/Home/Disclaimer"> Disclaimer </a> <a href="/Home/WebsitePolicies">Website Policies</a> <a href="https://darpg.gov.in/en/web-information-manager" target="_blank">Web Information Manager</a> <a>Version 7.0.01092019.0.0, Copyright © 2024</a> <a>Last Updated On: 05-11-2024</a> <a> Total Visitors : <span class="text-red">3836249</span> <i class="text-sm">(since 19-01-2024)</i> </a> </span> </p> </div> </footer> </div> <script src="/bundles/layout?v=523B66ukKAeBphdnxmvBetgH8mXHE_K1CuspYeKHhz81"></script> <script type="text/javascript"> var loginUrl='/Signin/Logout'; var extendMethodUrl='/Signin/ExtendSession'; $(document).ready(function () { $('input:password').bind("cut copy paste",function(e) { e.preventDefault(); }); var isLoggedIn = "True".toLowerCase() === "true" ? false : true; if(isLoggedIn){ SessionTimeout.schedulePopup(); } else { setTimeout("location.reload();",600000); } $("#pensionGrievanceLink,#pensionGrievanceLink-1,#pensionGrievanceLink-2").click(function() { setTimeout(function () { swal({ title: "You are being redirected to Grievance System of Department of Pension & Pensioner's Welfare", text: "आपको पेंशन और पेंशनभोगी कल्याण विभाग की शिकायत प्रणाली पर पुनर्निर्देशित किया जा रहा है।", type: "warning", showCancelButton: true, reverseButtons: true, allowOutsideClick:false }).then(function (result) { console.log(result); if (result.value) { window.open("http://pgportal.gov.in/pension/", "_blank"); } }); }, 500); }); }); window.SessionTimeout = (function() { var timeLeft, popupTimer, countDownTimer; var stopTimers = function() { window.clearTimeout(popupTimer); window.clearTimeout(countDownTimer); }; var updateCountDown = function() { var min = Math.floor(timeLeft / 60); var sec = timeLeft % 60; if(sec < 10) sec = "0" + sec; document.getElementById("CountDownHolder").innerHTML = min + ":" + sec; if(timeLeft > 0) { timeLeft--; countDownTimer = window.setTimeout(updateCountDown, 1000); } else { document.location = loginUrl; } }; var showPopup = function() { $("#divPopupTimeOut").show(); timeLeft = 120; updateCountDown(); }; var schedulePopup = function() { $("#divPopupTimeOut").hide(); stopTimers(); popupTimer = window.setTimeout(showPopup, 1620000); }; var hidePopup=function(){ $("#divPopupTimeOut").hide(); }; var sendKeepAlive = function() { stopTimers(); $("#divPopupTimeOut").hide(); $.ajax({ type: "GET", url: extendMethodUrl, contentType: "application/json; charset=utf-8", dataType: "json", success: function() { SessionTimeout.schedulePopup(); }, error:function(){ } }); }; return { schedulePopup: schedulePopup, sendKeepAlive: sendKeepAlive, hidePopup:hidePopup, stopTimers:stopTimers }; })(); </script> </body> </html> <div id="divPopupTimeOut" style="display: none; text-align: left; margin-top: 15px; width: 280px !important; position: fixed; top: 40px; right: 0; z-index: 9999; height: 165px;" class="alert alert-warning"> <div class="row"> <div class="col"> <div class="row" style="margin-top: 10px; margin-left: 10px;"> Your session is about to expire! <br /> <span id="CountDownHolder"></span> <br /> Click OK to continue your session. </div> <hr /> <div class="text-center" style="text-align: center; margin-top: 22px;"> <button type="button" class="btn btn-default btn-sm" onclick="SessionTimeout.sendKeepAlive();">OK</button> <button type="button" class="btn btn-default btn-sm" onclick="SessionTimeout.hidePopup();">Cancel</button> </div> </div> </div> </div>