Right-side navigation picking up Headings in Text Web Part

%3CLINGO-SUB%20id%3D%22%5C%26quot%3Blingo-sub-3144246%5C%26quot%3B%22%20slang%3D%22%5C%26quot%3Ben-US%5C%26quot%3B%22%3ERight-side%20navigation%20picking%20up%20Headings%20in%20Text%20Web%20Part%26lt%3B%5C%2Flingo-sub%26gt%3B%3CLINGO-BODY%20id%3D%22%5C%26quot%3Blingo-body-3144246%5C%26quot%3B%22%20slang%3D%22%5C%26quot%3Ben-US%5C%26quot%3B%22%3E%3CP%3EHi%20all%2C%3CBR%20%2F%3E%3CBR%20%2F%3EFirst%20post%20(and%20I%20really%20have%20looked%20everywhere%20before%20submitting%20myself%20to%20this%20question).%3CBR%20%2F%3E%3CBR%20%2F%3EHow%20does%20one%20go%20about%20the%20right-hand%20in%20page%20navigation%2C%20seen%20throughout%20these%20pages...%26nbsp%3B%26lt%3B%5C%2FP%26gt%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%26lt%3B%5C%2FP%26gt%3B%3C%2FP%3E%3CP%3E%3CA%20href%3D%22%5C%26quot%3Bhttps%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fsharepoint%2Fintroduction%5C%26quot%3B%22%20target%3D%22%5C%26quot%3B_blank%5C%26quot%3B%22%20rel%3D%22%5C%26quot%3Bnoopener%20nofollow%20noopener%20noreferrer%22%20noreferrer%3D%22%22%3EIntroduction%20to%20SharePoint%20-%20SharePoint%20in%20Microsoft%20365%20%7C%20Microsoft%20Docs%26lt%3B%5C%2FA%26gt%3B%26lt%3B%5C%2FP%26gt%3B%3C%2FA%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%26lt%3B%5C%2FP%26gt%3B%3C%2FP%3E%3CP%3E...as%20the%20%22In%20this%20article%22%20navigation%3F%26lt%3B%5C%2FP%26gt%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%26lt%3B%5C%2FP%26gt%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22%5C%26quot%3Blia-inline-image-display-wrapper%22%20lia-image-align-inline%3D%22%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Fgxcuf89792%2F%5C%26quot%3Bhttps%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F346783i2E4884037983FB1F%2Fimage-dimensions%2F225x288%3Fv%3Dv2%5C%26quot%3B%22%20width%3D%22%5C%26quot%3B225%5C%26quot%3B%22%20height%3D%22%5C%26quot%3B288%5C%26quot%3B%22%20role%3D%22%5C%26quot%3Bbutton%5C%26quot%3B%22%20title%3D%22JPotts_0-1644423743626.png%22%20alt%3D%22%5C%26quot%3BJPotts_0-1644423743626.png%5C%26quot%3B%22%20%2F%3E%26lt%3B%5C%2Fspan%26gt%3B%26lt%3B%5C%2FP%26gt%3B%3C%2FSPAN%3E%3C%2FP%3E%3CP%3EI'm%20assuming%20it's%20some%20kind%20of%20web-part%2C%20that%20is%20able%20to%20pick%20up%20on%20Heading%20styles%20in%20the%20Text%20web%20part%20that%20carries%20the%20body%20of%20text%20for%20each%20page.%3CBR%20%2F%3E%3CBR%20%2F%3EAnd%20for%20a%20bonus%20point%2C%20can%20I%20this%20section%20to%20pick%20up%20two%20levels%20of%20Heading%20Style%3F%3CBR%20%2F%3E%3CBR%20%2F%3EAny%20help%20or%20guidance%20would%20be%20much%20appreciated.%26lt%3B%5C%2FP%26gt%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%26lt%3B%5C%2FP%26gt%3B%3C%2FP%3E%3CP%3ECheers%2C%26lt%3B%5C%2FP%26gt%3B%3C%2FP%3E%3CP%3EJim%26lt%3B%5C%2FP%26gt%3B%3C%2FP%3E%3CP%3E%3CBR%20%2F%3E%3CBR%20%2F%3E%26lt%3B%5C%2FP%26gt%3B%26lt%3B%5C%2Flingo-body%26gt%3B%3CLINGO-LABS%20id%3D%22%5C%26quot%3Blingo-labs-3144246%5C%26quot%3B%22%20slang%3D%22%5C%26quot%3Ben-US%5C%26quot%3B%22%3E%3CLINGO-LABEL%3ENavigation%26lt%3B%5C%2Flingo-label%26gt%3B%3CLINGO-LABEL%3ESharePoint%20Online%26lt%3B%5C%2Flingo-label%26gt%3B%26lt%3B%5C%2Flingo-labs%26gt%3B%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3C%2FLINGO-SUB%3E
Occasional Visitor

Hi all,

First post (and I really have looked everywhere before submitting myself to this question).

How does one go about the right-hand in page navigation, seen throughout these pages... 

 

Introduction to SharePoint - SharePoint in Microsoft 365 | Microsoft Docs

 

...as the "In this article" navigation?

 

JPotts_0-1644423743626.png

I'm assuming it's some kind of web-part, that is able to pick up on Heading styles in the Text web part that carries the body of text for each page.

And for a bonus point, can I this section to pick up two levels of Heading Style?

Any help or guidance would be much appreciated.

 

Cheers,

Jim



1 Reply

Hi @J-Potts 

 

right, it's a WebPart.

 

Search for "Table of contents", here are two examples on GitHub:

https://github.com/RedEchidnaUK/Table-of-Contents

https://github.com/Portiva-O365/webpart-tableofcontents

 

Regards, Dave