Customizing ADFS Log-out Page RRS feed

  • Question

  • I need to customize ADFS log-out page to add a button or a link for the users to sing-in again..is this doable? We're using ADFS 3.0
    • Edited by AndyE10 Wednesday, December 19, 2018 7:56 PM
    Wednesday, December 19, 2018 7:49 PM

All replies

  • Does this help?

    Mike Crowley

    My Blog | MikeCrowley.US

    Baseline Technologies | Baseline.Consulting

    Being ignorant is not so much a shame, as being unwilling to learn

    -Ben Franklin

    Monday, December 24, 2018 7:18 PM
  • Thanks Mike...unfortunately, this is not what I am looking for.
    Monday, January 14, 2019 5:26 PM
  • We use the Home link to send the user back to the login page.  You can also customize the javascript by creating a custom theme.  See "Advanced Customization of AD FS Sign-in Pages".  Sorry I can't post the link - site is preventing me with this account.
    Wednesday, May 22, 2019 7:18 PM
  • Thanks...but does this apply to the sign-out page as well?
    Wednesday, May 22, 2019 8:38 PM
  • In case others are looking for information on how to achieve this.  Works on ADFS 4.0 - Windows 2016 Server.  Add to the onboard.js file.

    // Code change the Sign out page
    var signoutArea = document.getElementById('signoutArea');
     if (signoutArea) {
          var logoutHeader = signoutArea.querySelector('#openingMessage');
          var logoutWarning = signoutArea.querySelector('#instruction');
          if (logoutHeader) {
              logoutHeader.innerHTML = '<h2 id="logout-header" style="font-size:24px;font-weight:bold;color:#000;">You have been logged out.</h2>';
          if (logoutWarning) {
              logoutWarning.innerHTML = '<p id="logout-warning" style="margin-top:20px;font-size:16px;color:#000;">Please close your browser window.</p>';
    	document.title = "Logged out";

    Tuesday, February 4, 2020 10:10 PM
  • can you please shed some light on this? What exactly does this code do? does it add a button?
    Tuesday, February 4, 2020 10:13 PM
  • It changes the default text on the Sign Out page.  If you need to add a button or link, you can add that html code to the  logoutWarning.innerHTML section.


     logoutWarning.innerHTML = '<p> <a href="www.url.com">click here to do something</a></p>';

    Tuesday, February 4, 2020 10:51 PM