Updates from: 04/15/2021 03:19:07
Service Microsoft Docs article Related commit history on GitHub Change details
SharePoint Sharepoint App Bar https://github.com/MicrosoftDocs/OfficeDocs-SharePoint/commits/live/SharePoint/SharePointOnline/sharepoint-app-bar.md
Global navigation can be enabled and customized in the SharePoint app bar. Custo
### Get started customizing the global navigation tab+ 1. Set up a [home site](./home-site.md) if your organization doesnΓÇÖt already have one and make sure to [share the home site](https://support.microsoft.com/office/share-a-site-958771a8-d041-4eb8-b51c-afea2eae3658) with everyone in your tenant to ensure all users can access the global navigation links. + 2. Navigate to your organizationΓÇÖs home site. + 3. Select **Settings** and then select **Global navigation** settings.
-     ![Image┬áof┬áthe┬áglobal navigation option in the settings panel](media/app-bar-settings.png)
+ ![Image of the global navigation option in the settings panel](media/app-bar-settings.png)
->[!NOTE]
-> - If you do not see **Global navigation** in the **Settings** pane on the home site, you may not have site owner permissions (or higher) to the home site.
+ >[!NOTE]
+ > If you do not see **Global navigation** in the **Settings** pane on the home site, you may not have site owner permissions (or higher) to the home site.
4. Switch the **Enable global navigation** toggle to **On**.
-     ![Image┬áof┬áwhere to enable the global navigation option in the settings panel](media/app-bar-enable.png)
+ ![Image of where to enable the global navigation option in the settings panel](media/app-bar-enable.png)
5. Next, add the **Logo** for global navigation that will be recognizable to users to replace the home icon in the app bar. No action is needed if you choose to keep the default home icon.
-<br>
-<br>
-Global navigation logo specifications:
- - The logo size should be 20x20 pixels
- - PNG file type
- - Transparent background recommended
+
+ Global navigation logo specifications:
+
+ - The logo size should be 20x20 pixels
+ - PNG file type
+ - Transparent background recommended
6. Then, enter a **Title** that will be displayed at the top of the global navigation pane.
-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;![Image of where the logo and title will appear in global navigation](media/app-bar-title-logo.png)
+ ![Image of where the logo and title will appear in global navigation](media/app-bar-title-logo.png)
7. Finally, determine the **Navigation source**. Learn more about selecting a source in the next step.+ 8. Make edits to the selected global navigation source if needed by selecting **Edit global navigation**. Select **Save** when you are done. Updates to global navigation may take several minutes before they appear.
-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;![Image of where to select the global navigation source](media/app-bar-source.png)
+ ![Image of where to select the global navigation source](media/app-bar-source.png)
->[!NOTE]
-> - The global navigation source can be edited at any time by site owners or admins of the home site.
-> - The site and global navigation [links and labels](https://support.microsoft.com/office/customize-the-navigation-on-your-sharepoint-site-3cd61ae7-a9ed-4e1e-bf6d-4655f0bf25ca) can be edited at any time by editors of the home site.
-> - Implementing global navigation may take up to 24 hours for the changes to take effect.
+ >[!NOTE]
+ > - The global navigation source can be edited at any time by site owners or admins of the home site.
+ > - The site and global navigation [links and labels](https://support.microsoft.com/office/customize-the-navigation-on-your-sharepoint-site-3cd61ae7-a9ed-4e1e-bf6d-4655f0bf25ca) can be edited at any time by editors of the home site.
+ > - Implementing global navigation may take up to 24 hours for the changes to take effect.
### Determine the global navigation source depending on your home siteΓÇÖs configuration:
If you havenΓÇÖt set up your [home site](./home-site.md), do that first and if y
- Select the site navigation source to display the home siteΓÇÖs navigation. - Select the Hub or global navigation source to display the home siteΓÇÖs hub navigation.
->[!NOTE]
-> When you apply the extended header layout to the site, you will no longer see the hub navigation.
+ > [!NOTE]
+ > When you apply the extended header layout to the site, you will no longer see the hub navigation.
#### For home sites that are not a hub, you have two source options:
If you havenΓÇÖt set up your [home site](./home-site.md), do that first and if y
- Select the site navigation source to display the home site navigation. - Create a secondary set of navigation nodes specifically for the global navigation panel by selecting **Hub or global navigation**. Then, select **Edit global navigation** to create the new global navigation menu. Select **Save** when you are done. -
->[!NOTE]
-> For home sites that are not a [hub site](https://support.microsoft.com/office/what-is-a-sharepoint-hub-site-fe26ae84-14b7-45b6-a6d1-948b3966427f) and choose to create a secondary set of navigational nodes for the global navigation pane - if you decide to make your home site a hub in the future, the new hub site navigation will inherit the current navigational nodes for global navigation and can be [edited at any time](https://support.microsoft.com/office/customize-the-navigation-on-your-sharepoint-site-3cd61ae7-a9ed-4e1e-bf6d-4655f0bf25ca).
+ > [!NOTE]
+ > For home sites that are not a [hub site](https://support.microsoft.com/office/what-is-a-sharepoint-hub-site-fe26ae84-14b7-45b6-a6d1-948b3966427f) and choose to create a secondary set of navigational nodes for the global navigation pane - if you decide to make your home site a hub in the future, the new hub site navigation will inherit the current navigational nodes for global navigation and can be [edited at any time](https://support.microsoft.com/office/customize-the-navigation-on-your-sharepoint-site-3cd61ae7-a9ed-4e1e-bf6d-4655f0bf25ca).
## See all the different ways you can set up global navigation
Display hub and site navigation on the home page, and the hub navigation in the
![Image of a site navigation in the global navigation tab 2](media/app-bar-scenario-2.png) ### Hide the site navigation and display it in the global navigation+ Display just the hub navigation on the home page, and the site navigation in the global navigation panel. + 1. Start by hiding the site navigation using one of two methods:
-<br>
-- Go to **Settings**, then **Change the look**, then **Navigation** and toggle the **Display site navigation** to **Hide**.-- Go to **Settings**, then **Change the look**, then **Header** and choose **Extended** layout.
+ - Go to **Settings**, then **Change the look**, then **Navigation** and toggle the **Display site navigation** to **Hide**.
+ - Go to **Settings**, then **Change the look**, then **Header** and choose **Extended** layout.
2. Then, navigate to the home siteΓÇÖs **Settings** and then **Global navigation**.+ 3. **Enable** global navigation, enter a **Title**, and then select **Home site navigation** as the source.+ 4. Select **Save**. Changes may take a few minutes to reflect.
-![Image of a site navigation in the global navigation tab 3](media/app-bar-scenario-3.png)
+ ![Image of a site navigation in the global navigation tab 3](media/app-bar-scenario-3.png)
## Set up a home site for the first time
For organizations using [page placeholders](/sharepoint/dev/spfx/extensions/get-
![Image of a home site with customizations](media/app-bar-overlap.png) ## Modernize classic SharePoint sites to display the SharePoint app bar+ The SharePoint app bar will only appear in [modern SharePoint sites](/sharepoint/dev/transform/modernize-classic-sites) and [pages](/sharepoint/dev/transform/modernize-userinterface-site-pages). + We highly recommend modernizing classic sites not only to display the SharePoint app bar but for a more consistent user experience. Learn more about how to modernize classic SharePoint sites and pages using the open-source [SharePoint PnP Page Transformation solution](/sharepoint/dev/transform/modernize-userinterface-site-pages).
-<br>
More guidance on how to display the SharePoint app bar on a classic site will be available soon.
Help end users understand [how the new SharePoint app bar works](https://support
## Temporarily disable the SharePoint app bar You can temporarily disable the SharePoint app bar in your tenant to prepare for this change or control its rollout to users. The tool that disables the app bar will be available until October 31, 2021. Updates and more information about temporarily disabling the SharePoint app bar will be shared in future Message Center posts.
-<br>
-<br>
+ Temporarily disable the SharePoint app bar:
-1. Download the latest version of [SharePoint Online Management Shell](https://www.microsoft.com/en-us/download/details.aspx?id=35588).
+1. Download the latest version of [SharePoint Online Management Shell](https://www.microsoft.com/download/details.aspx?id=35588).
-2. Run the following command exactly as it appears:<br>
+2. Run the following command exactly as it appears:
-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;`Set-SPOTemporarilyDisableAppBar $true`
+ ```powershell
+ Set-SPOTemporarilyDisableAppBar $true
+ ```
-3. If you need to confirm if the app bar has been disabled or enabled, check the app bar status by running the following command:<br>
+3. If you need to confirm if the app bar has been disabled or enabled, check the app bar status by running the following command:
-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;`Get-SPOTemporarilyDisableAppBar`
+ ```powershell
+ Get-SPOTemporarilyDisableAppBar
+ ```
>[!NOTE] > - It can take up to an hour for the app bar to be removed on a tenant where the app bar is already showing up. > - Running the command without the `$false` or `$true` value will cause it to fail.
-> - You must be using the latest version of [PowerShell](https://www.microsoft.com/en-us/download/details.aspx?id=35588). If you are using previous versions, uninstall the previous version and then install the most up to date version.
+> - You must be using the latest version of [PowerShell](https://www.microsoft.com/download/details.aspx?id=35588).
+> - If you are using previous versions, uninstall the previous version and then install the most up to date version. Previous versions of PowerShell can't coexist with the most up-to-date version of PowerShell.
### Enable the SharePoint app bar:
-1. Once youΓÇÖre ready to display the SharePoint app bar, run the following command:<br>
+1. Once youΓÇÖre ready to display the SharePoint app bar, run the following command:
-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;`Set-SPOTemporarilyDisableAppBar $false`
+ ```powershell
+ Set-SPOTemporarilyDisableAppBar $false
+ ```
- >[!NOTE]
- > - It can take up to an hour for the app bar to show up on a tenant where the app bar was disabled previously.
+ > [!NOTE]
+ > It can take up to an hour for the app bar to show up on a tenant where the app bar was disabled previously.
-2. If you need to confirm if the app bar has been disabled or enabled, check the app bar status by running the following command:<br>
+2. If you need to confirm if the app bar has been disabled or enabled, check the app bar status by running the following command:
-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;`Get-SPOTemporarilyDisableAppBar`
+ ```powershell
+ Get-SPOTemporarilyDisableAppBar
+ ```
### Resources