Skip to content

Add a Logout link to the Header Bar

Configuration Scope: Environment-Specific

This setting is environment-specific and must be configured separately in each environment (dev, test, prod). Changes here will not be included in configuration exports.

Overview

This guide shows how to add a Logout link to the Brief Connect header bar. The Logout link navigates to the application route /#/logout, which signs the current user out of Brief Connect and Microsoft 365 (per the environment) and then redirects to the signed-out screen.

Prerequisites

  • Admin access to the Brief Connect SharePoint site
  • Access to the Header Links list

For general background on managing header links, see Managing the Header Bar Links in Brief Connect.

Steps

  1. Navigate to the Brief Connect SharePoint site
  2. Go to Site Contents → open the Header Links list

Add a new item with the following values:

  • Tooltip: Logout
  • Icon Name: SignOut
    Refer to the Fluent UI Icons Gallery for valid names: https://developer.microsoft.com/en-us/fluentui#/styles/web/icons
  • Href: /#/logout
    Note: Brief Connect uses a hash-based router. Ensure the URL starts with /#/.
  • Order: Choose where it appears (e.g., 99 to place it near the end)
  • Link Type: Internal (opens in the same tab)
  • Mobile Only: leave unchecked (optional)
  • Admin Only: leave unchecked (optional)

Click Save.

3) Verify

  1. Refresh the Brief Connect app
  2. Click the Logout link in the header
  3. You should be signed out and then redirected to the signed-out screen (route /#/signedOut)

Notes

  • If clicking the link doesn’t log the user out, double‑check the Href is exactly /#/logout (including the #).
  • In Microsoft Teams or iframe scenarios, logout may use a popup. In a regular browser, it will use a redirect.