LogoLogo
  • WELCOME
    • Welcome
    • Why Intranet.ai
    • Request a DEMO
    • Use cases
  • SHAREPOINT INTRANET
    • Introduction
    • Plans
    • Hosting options
    • Requirements
    • Installation
      • Installation process
      • Action before the installation meeting
    • Components
      • Advanced Search
      • Alerts and service communications
      • Anniversaries
      • Breadcrumb
      • Bulleting Boards
      • Comments Area Removal
      • Company Apps
      • Company Documents
      • Company Documents with Folders
      • Company Locations
      • Company News
      • Content Translation
      • Contributors
      • Departments
      • Disclaimer
      • Discussion and Project Groups
      • Engagement Board
      • Event Calendar
      • FAQs
      • Graphic Buttons
      • Graphic Dividers
      • Highlights
      • Image Slider
      • Informative Buttons
      • In This Page
      • Intranet Tour
      • Job Posting
      • Key Initiatives
      • Leadership Team
      • Mood
      • My Apps
      • My Favorites
      • My Profile
      • News Announcements
      • News Archive
      • Organizational Chart
      • Page Hints
      • Pages Menu
      • People Directory
      • Pop-up
      • Quotes
      • RSS Feed
      • Sections with Custom Background
      • Social Media Posts
      • Surveys
      • Videos
      • Welcome Box
    • Other configurations
      • Intranet branding
      • Image dimensions
      • Icons
      • Creation of tag systems for news and documents
      • Teams push notifications
      • Configuration of favorite lists and user lists
      • Viva Connections
      • Creation of dynamic groups in Microsoft Entra ID
    • Releases
      • Version 1.1
      • Version 1.2
      • Version 1.3
      • Version 1.4
      • Version 1.5
      • Version 1.6
      • Version 1.7
      • Version 1.8
      • Version 1.9
      • Version 1.10
  • ACKNOWLEDGEMENT
    • Introduction
    • Hosting options
    • Requirements
    • Installation
      • Installation process
      • Actions after the installation
    • Features
      • Acknowledgement for documents
      • Acknowledgement for pages and news
    • Use cases
    • Releases
      • Version 1.1
      • Version 1.2
      • Version 1.3
      • Version 1.4
  • MICRO LEARNING
    • Introduction
    • Plans
    • Hosting Options
    • Requirements
    • Installation
      • Installation process
      • Actions before the installation meeting
    • Features
      • User roles
      • Navigation bar
      • Course list
      • Course status
      • Steps to create and deliver a course
      • Create a course with AI
      • Create a course from scratch
      • Delete and recover a course
      • Add a new lesson
      • Edit, delete, or move lessons
      • Lesson types
      • Add attachments and embedded content
      • Clone a course
      • Translate a course
      • Generate a final quiz
      • Final Quiz & Gamification Settings
      • Publish and unpublish a course
      • Assign a course
      • Export in SCORM
      • Take a course on SharePoint
  • Integrations
    • Viva Learning
    • Microsoft Teams
    • Microsoft Copilot
  • Use Cases
    • How to turn a Teams meeting into a document
    • How to generate a course from a PowerPoint
    • How to embed a Google Map into a lesson
      • How to insert a document in a course
  • Releases
    • Version 1.1
    • Version 1.2
    • Version 1.3
  • RESOURCE RESERVATION
    • Introduction
    • Requirements
    • Installation
      • Installation process
      • Actions after the installation
    • Features
    • Use Cases
  • Releases
    • Version 1.1
    • Version 1.2
    • Version 1.3
    • Version 1.4
  • TICKETING SYSTEM VIA TEAMS
    • Introduction
    • Hosting options
    • Requirements
    • Installation
      • Installation process
      • Technical set-up
      • Ticketing System Management
    • Features
      • Users’ roles
      • Platform interface
      • Navigation bar
      • Notification system
      • Platform settings
      • Ticket lifecycle
    • Integrations
  • APP MOBILE
    • Introduction
    • Plans
    • Requirements
    • Installation
    • Distribution
    • Features
    • Integrations
    • Releases
      • Version 1.1
      • Version 1.2
Powered by GitBook
On this page
  • What is Breadcrumb
  • Add the Breadcrumb web part to a SharePoint page
  • Configuration
  • View settings
  • General settings
  • Filters section

Was this helpful?

  1. SHAREPOINT INTRANET
  2. Components

Breadcrumb

The component that simplifies navigation within the knowledge base by showing the path of the current page.

PreviousAnniversariesNextBulleting Boards

Last updated 2 days ago

Was this helpful?

What is Breadcrumb

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 .

Explore the advantages of intranet.ai Breadcrumb by to learn more.


Add the Breadcrumb web part to a SharePoint page

  • 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".


Configuration

View settings

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.

General settings

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.

Filters section

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.

View settings
General settings
Filters section
Pages Menu
In This Page
Contributors
clicking here
Company Intranet for SharePoint and Microsoft 365intranet.ai
Logo