How to make a custom navigation tree in Wiki library?

%3CLINGO-SUB%20id%3D%22lingo-sub-3251339%22%20slang%3D%22en-US%22%3EHow%20to%20make%20a%20custom%20navigation%20tree%20in%20Wiki%20library%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-3251339%22%20slang%3D%22en-US%22%3E%3CP%3EI%20am%20planning%20to%20build%20a%20knowledgebase%20for%20my%20company.%20This%20is%20all%20currently%20done%20in%20MS%20Word%2C%20and%20stored%20in%20document%20libraries.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI'm%20exploring%20whether%20a%20Wiki%20pages%20library%20is%20the%20way%20to%20go%20for%20this.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI've%20seen%20examples%20where%20there%20is%20a%20navigation%20tree%20on%20the%20left%20hand%20side%20of%20the%20page%2C%20completely%20customized%2C%20with%20collapsible%20titles%2C%20subsections%2C%20etcetera.%20A%20bit%20like%20the%20table%20of%20contents%20you%20can%20generate%20in%20a%20Word%20document.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EHow%20is%20this%20done%3F%20My%20company%20still%20uses%20classic%20Sharepoint%2C%20but%20will%20be%20migrating%20to%20Sharepoint%20Online%20soon.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EIs%20this%20only%20possible%20in%20Sharepoint%20Online%3F%20If%20yes%2C%20how%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-3251339%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3ESharePoint%20Online%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-3266268%22%20slang%3D%22en-US%22%3ERe%3A%20How%20to%20make%20a%20custom%20navigation%20tree%20in%20Wiki%20library%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-3266268%22%20slang%3D%22en-US%22%3E%3CP%3EHi%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F1327955%22%20target%3D%22_blank%22%3E%40tomswaelen%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3Ei%20think%2C%20you%20mean%20not%20the%20standard%20site%20navigation%2C%20right%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20think%2C%20you%20mean%20a%20ToC%20(%3DTable%20of%20content)%20%3A)%3C%2Fimg%3E%20It's%20not%20possible%20OOTB.%20But%20you%20can%20use%20an%20ToC%20extension%20like%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2Fpnp%2Fsp-dev-fx-webparts%2Fblob%2Fmain%2Fsamples%2Freact-page-navigator%2F%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Fgithub.com%2Fpnp%2Fsp-dev-fx-webparts%2Fblob%2Fmain%2Fsamples%2Freact-page-navigator%2F%3C%2FA%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20create%20oftern%20knowledgebases%20or%20wikis%20with%20modern%20sites%20and%20search%20driven%20content%20with%20the%20PnP%20Modern%20Search%20WebParts%3A%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Fmicrosoft-search.github.io%2Fpnp-modern-search%2F%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fmicrosoft-search.github.io%2Fpnp-modern-search%2F%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ERegards%2C%20Dave%3C%2FP%3E%3C%2FLINGO-BODY%3E
Occasional Visitor

I am planning to build a knowledgebase for my company. This is all currently done in MS Word, and stored in document libraries.

 

I'm exploring whether a Wiki pages library is the way to go for this.

 

I've seen examples where there is a navigation tree on the left hand side of the page, completely customized, with collapsible titles, subsections, etcetera. A bit like the table of contents you can generate in a Word document.

 

How is this done? My company still uses classic Sharepoint, but will be migrating to Sharepoint Online soon.

 

Is this only possible in Sharepoint Online? If yes, how?

1 Reply

Hi @tomswaelen 

 

i think, you mean not the standard site navigation, right?

 

I think, you mean a ToC (=Table of content) :) It's not possible OOTB. But you can use an ToC extension like https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-page-navigator/

 

I create oftern knowledgebases or wikis with modern sites and search driven content with the PnP Modern Search WebParts: https://microsoft-search.github.io/pnp-modern-search/ 

 

Regards, Dave