Pages Menu

The component that clearly displays the structure of a knowledge base, making it easy to navigate and find information quickly.

What is Pages Menu

Pages Menu 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 Pages menu web part displays the structure of a knowledge base in a clear way. It shows the contents of Site Pages or a specific folder within Site Pages, showcasing folders first and then pages. It also offers the possibility to include internal and external links.

Pages Menu 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 In This Page, Breadcrumb, and Contributors.

Explore the advantages of Intranet.ai Pages Menu by clicking here to learn more.


Before you start: suggested knowledge base structure

Having a well-structured and organized knowledge base is essential for ensuring easy navigation, quick access to information, and an overall better user experience. A clear structure helps users find relevant content efficiently and makes maintaining and expanding the knowledge base more manageable over time.

We recommend adopting the following structure:

  • Within the Site Pages library, create a folder named SystemPages.

  • Inside SystemPages, create a subfolder for each top-level section of articles. For example, in a knowledge base called "Employee Knowledge Base", the top-level sections could be: "Employee Resources", "New Employee Orientation", and "Professional Development".

  • Optionally, within each top-level section, create additional subfolders for subsections, such as:

    • "Employee Resources": "IT Tools and Support", "Policies and Guidelines";

    • "New Employee Orientation": "Company Overview", "First Week Checklist";

    • "Professional Development": "Career Growth", "Learning Opportunities".

  • In each subsection, add individual articles (SharePoint pages) and any relevant links.

With Pages menu, a structure like this is displayed as follows:

By clicking on each link, the user can access the corresponding page.


Add the Pages Menu 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 PagesMenu to quickly find and select the Pages Menu web part, which is named "IAI - PagesMenu".

  • Click the Edit properties button on the left of the web part to open the property pane and set options such as General settings and View settings. See below for more information on each of these sections.


Configuration

View settings

The View settings are as follows:

By opening this first configuration, you will see the following options:

  • Do you want to hide the background tab? 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.

  • Insert title: thanks to this configuration, you can customize the application title. If you keep it blank, SharePoint will show the default title “My apps” 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.

  • Enter the name that will be used for the "Home": here, you can customize the name of the entry point (Site Pages). The default name is "Home". This setting is linked to the last one (Do you want to show the top-level folder?), which means that it is useful if you decide to show the top-level folder. In addition, it works if a cutting path has not been entered. See an example below:

  • Do you want to show icons for individual elements: you can decide to show icons identifying different types of items.

  • Do you want to open the first folder by default: you can decide whether the first folder will be open or closed by default.

The first folder is closed by default.
The first folder is expanded by default, showing subsections.
  • Do you want to enable scrolling? You can activate scrolling and set the web part height.

  • Enter the height in pixel of the webpart: you can set a fixed height for this section and use the scroll bar to read its content.

  • Do you want to show the top-level folder? You can decide to hide or show the top-level folder, i.e., the entry point.

General settings

The General settings are as follows:

  • Insert title: you can choose a title for this section. If you leave this field empty, the web part will have no title.

  • Enter the cutting path: if you want to display only a subset of the Site Pages folder, like the SystemPages subsection, here you need to enter the URL of the subfolder.

For example: https://intranetai.sharepoint.com/sites/my-hub/KB/SitePages/SystemPages

  • Do you want to open internal links in a new tab? You can choose to open internal links in a new tab or the current tab.

  • Do you want to open external links in a new tab? You can choose to open external links in a new tab or the current tab.

  • Do you want to open pages in a new tab? You can choose to open pages in a new tab or the current tab.

  • Do you want to show the name or title of links? You can choose to show the name or title of links.

  • Do you want to show the name or title of pages? You can choose to show the name or title of pages.

  • Do you want to sort files alphabetically or by a specific field? You can decide to sort items alphabetically or based on a specific field, the Order field. The steps required for creating the Order field are described below.

Create the Order field

To create the Order field, you need to manually add a column of the Number type to the Site Pages library. The necessary steps are as follows:

  • Enter the Site Pages library and click +Add column.

  • Select Number and click Next.

  • Enter the column name: Order.

  • Save.

To set the order of items in a specific folder, take the following steps:

  • Click Edit in grid view.

  • For each item, enter a number in the Order field.

  • Click Exit grid view.

Now, make sure that the Pages Menu web part is configured so that the items are sorted based on the Order field.

The configuration is complete: sections, pages, and links will be displayed in the specified order.

The Pages Menu web part does not work across sites; it only functions within the site where it is added and configured

If a user doesn't have access to a page, they won't see that page in the structure.

Last updated

Was this helpful?