Skip to main content
CanoeUX home

SharePoint Web Parts Essentials

CNX On this page

Create a table of contents for the page, based on the heading styles applied to its content.

Overview

CNX On this page creates a table of contents for the current page, based on the heading styles applied to its content. Readers see what the page covers at a glance and can jump straight to the section they need.

Because it's built from the page's headings, the table of contents follows your content as you edit it.

Features

  • Automatic table of contents. Build links from the page's headings, with no separate list to maintain.
  • Faster navigation. Let readers jump directly to the section they need.
  • Better page structure. Encourage authors to use real heading styles, which also helps accessibility.

Configuration

CNX On this page reads the page itself, so its main input is your content's structure. Configure the web part in the property pane: with the page in edit mode, select the web part, then select Edit web part (the pencil icon).

CNX On this page settings
SettingWhat it controls
HeadingsApply heading styles to text on the page; each heading becomes an entry in the table of contents.

Usage

Once the package is deployed to your tenant, add CNX On this page to a modern SharePoint page:

  1. Open the page and select Edit.

  2. Hover where you want the web part to appear and select the + (Add a new web part) button.

  3. Search for CNX On this page and select it.

  4. Apply heading styles to the text on the page, then check that each section appears in the table of contents.

  5. Select Republish to share your changes.

Examples

  • Policy page

    Help readers jump to the part of a long policy that applies to them.

  • How-to guide

    List each step of a guide so people can return to where they left off.

Best practices

  • Use heading styles, not bold text, so every section is included.
  • Keep headings short and descriptive.
  • Place the web part near the top of the page, or in a side column on long pages.

Release notes

  1. Initial release

    Coming soon

    • First release, included in CanoeUX SharePoint Web Parts Essentials.

Support

Have a question about CNX On this page, or found something that doesn't work as expected? Contact CanoeUX and tell us what you expected to happen and what happened instead. Screenshots help, and for display or access issues, so does the output of CNX User Diagnostics.

Planning a wider intranet? Explore our SharePoint and digital workplace services.

Free of charge

Support CanoeUX

CanoeUX SharePoint Web Parts Essentials is provided free of charge.

If these web parts helped you save time or deliver value to your organization, consider supporting future development.