Keyword Cloud

Create a dynamic Table of Content for your SharePoint Wiki pages Home Speaker Videos About Me Contact December bull min read Update – add script to manage title from H second updated in accordance with feedback about browsers compatibility Since I explain my customers that is good idea capitalize all data and knowledge can help teams do this Let’s focus on the part will you why how implement TOC into This tutorial only works based classic experience If want Of modern created an other solution A SPFx Contents Extension Why implementing page One has dev team quickly adhered consists capitalizing guidances development Sometimes some guidance have lot points chapters make reading difficult especially when developer looking particular chapter Therefore at top allows reader go directly by clicking it It be really useful isn’t Even though does not provide kind feature easy How Page After creating inserting content insert embedded code To click tab ribbon Embed Code Insert Then following area Note deliberately added comments comprehension You remove them if necessary lt — The Container most important thing note ID used CSS JavaScript gt ul id quot sp-toc style type text css padding px Add between border background-color f background color min-width minimal width like extensible display inline-block solid aaaaaa arround list-style none Remove default list li need custom text-decoration link underline class-toc-h currently first level supported padding-left indentation e greatter than previous one javascript main function build buildToc Init counters var countH DOMElement container retrieved toc document getElementById innerHTML nodesToc Builder Get HTML tags current obj getElementsByTagName tagList str Loop each tag i length indexOf tagName number multilevel lvl getNumberLevel template class ‘ getClassLvl href title- return else Multilevel generator Reset next Register after SP loaded spBodyOnLoadFunctionNames push Finally save enjoy update without changing anything reloaded every time several demands allow table support headers replace h ig ” Hoping post Online Classic Experience Laurent Sittler Microsoft Architect Consultant Learning sharing interests Modern Workplace Read More mdash LsOnline Favicon extension Oct Group People WebPart v Sep Configure Google Tag Manager Apr See posts Site Collection Error are facing error or more sites collections here PowerShell cmdlet unblock Dec Getting Started x s decided open blog Follow me Popular Tags Framework Patterns amp Practices Usefull Link Search Privacy Policy Terms Use copy All Rights Reserved