Breadcrumb
The component that simplifies navigation within the knowledge base by showing the path of the current page.
Last updated
Was this helpful?
The component that simplifies navigation within the knowledge base by showing the path of the current page.
Last updated
Was this helpful?
Breadcrumb is one of the web parts designed by intranet.ai to help companies create a corporate knowledge base in SharePoint Online. Creating a corporate knowledge base provides numerous benefits, such as quick access to information, reduced time waste, standardized information, knowledge retention, and more effective collaboration.
The Breadcrumb web part helps users navigate the knowledge base by displaying the hierarchical path of the current page. It works like traditional breadcrumb navigation, showing links to parent pages for easy backtracking.
Breadcrumb is essential for creating a well-organized knowledge base on SharePoint Online. For additional tools to enhance your knowledge base, refer to the manuals for , , and .
If your page is not already in edit mode, click on Edit at the top right of the page.
Hover your mouse above or below an existing web part. You will see a line with a circled +, like this: .
Click on it and, in the web part search box, enter Breadcrumb to quickly find and select the Breadcrumb web part, which is named "IAI - Breadcrumb".
The view settings allows you to customize the appearance of your application by adjusting various layout settings.
By opening this first configuration, you will see the following options:
Do you want to hide the background? You can choose to hide or display the webpart background The default setting is “No”. This means that, by default, the webpart is characterized by a white background. If you enable this option, the white card background will be completely removed, allowing the content appear directly on the page. As a result, the webpart will be transparent, showing either the selected background image or the chosen SharePoint page color.
Do you want to hide the background shadow? You can choose whether to show or hide the background shadow. The default setting is “No”. This means that, by default, the webpart is characterized by a subtle depth effect that can make the webpart stand out more against the rest of the page. If you enable this option, the shadow behind the background will be removed, giving the web part a flatter, cleaner look without any depth.
Select the type of background shadow If you decide to set the background shadow, a further configuration will appear and you can select the style from High Contrast, Light, or Dark options.
If you select High contrast, this option creates a strong, bold shadow effect that provides a high level of contrast between the background and the content.
By choosing the Light background shadow, it will create a soft and subtle effect, giving a more delicate and gentle depth to the background.
Finally, the Dark background shadow style provides a darker, more intense effect, adding depth and emphasizing the background even more.
Enter the application title Thanks to this configuration, you can customize the application title. If you keep it blank, SharePoint will show the default title “Breadcrumb” at the top left angle of the webpart.
Do you want to hide the title? Here you can select whether to show the webpart title or hide it. If set to visible, the web part title will appear on the left side.
The web part property pane includes the following settings:
Enter the breadcrumb cutting path: you can enter a cutting path to display only a part of the path. The first level (“Home”), corresponding to the home page of the site, is always shown.
For example: https://intranetai.sharepoint.com/sites/my-hub/KB/SitePages/SystemPages
Enter the display name for the Home: you can customize the name of the first level of the path. If you leave this field empty, the name will be “Home”.
Do you want to show the name or title of the pages? You can choose to display the name or the title of pages.
Do you want to show the name or title of the folders? Choose whether to display the name or the title of the folders you select.
Do you want to open the Homepage of the site collection (if you are in a subsite): If you are currently in a subsite, select whether to open the subsite homepage or the site collection homepage.
Do you want to open the homepages in a new page? Select Yes if you want the homepage to open in a new browser tab or window. Select No if you want the homepage to open in the current page.
In this section, you need to enter the folders you want to hide from the web part.
Below is an example of how Breadcrumb is displayed within a SharePoint page:
Please note: to activate the breadcrumb navigation links, a page named "Home" must be created at every level of the path. For example, in the Policies and Guidelines subfolder, a page named "Home" must be created in order to activate the corresponding link.
While the page name must be "Home", the page title can be different.
Each "Home" page can include the Breadcrumb web part to enable backward navigation, along with a descriptive text about the section and relevant links. The following screenshots show an example of a four-tier navigation path moving back from a specific article to the home page of the site:
Tier 4: a specific article within the Policies and Guidelines subsection.
Tier 3: the Policies and Guidelines subsection, containing articles about key policies and corporate guidelines.
Please note that while the name of this page is "Home", its title is "Policies and Guidelines".
Tier 2: the Documents section, a collection of categorized resources.
Tier 1 is the home page of the knowledge base.
Click the Edit properties button on the left of the web part to open the property pane, which consists of one section: General settings. See below for more information on this section.