[sp-demo-header title="Table%20of%20Contents%20ShortPoint" /]

Table Of Contents OPTIONS DEMOS

Default View

[divider style="double-dotted" /]

[row layout="default" class="shortpoint-copy"]

[column 9]

[toc-this]

First Chapter

Praesent faucibus commodo enim, a scelerisque est commodo eget. Donec efficitur ultricies varius. Mauris quis lacus eu ante congue convallis. Proin feugiat at ligula pretium iaculis. Nulla facilisi. Proin metus lorem, lobortis eu euismod vitae, iaculis a diam. Integer non aliquam nunc. Vestibulum ante enim, venenatis nec egestas eget, semper auctor nisl. Integer non leo rhoncus, maximus augue non, vehicula elit. Maecenas condimentum orci justo, vitae pretium leo porttitor et. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla porta odio risus, vel finibus nisi malesuada nec. Quisque sagittis sapien eget felis efficitur, in vulputate nibh congue. Aenean et nulla purus. Suspendisse congue leo justo, eget dignissim nulla dapibus sed. Fusce ornare ante sit amet justo egestas, at vestibulum arcu tincidunt. Maecenas nec dui nec sem imperdiet feugiat. Phasellus lacus ante, suscipit ac risus sed, tincidunt auctor urna. Sed nisl neque, cursus a nunc vel, dapibus accumsan quam. Curabitur eu libero est. Nulla facilisi. Proin volutpat lobortis vulputate. Sed condimentum ante pellentesque ipsum ultricies gravida. Pellentesque scelerisque sit amet felis sit amet viverra. Duis pulvinar neque in cursus convallis.

Second Chapter

Third Chapter

First Sub-chapter

Morbi quis maximus metus, ac aliquam orci. Aenean eget libero purus. Fusce non mi vulputate, suscipit leo in, pharetra metus. Suspendisse egestas molestie eros, a varius turpis porta at. Etiam aliquam lacus quis velit sagittis porttitor. Sed metus purus, venenatis maximus nibh quis, pretium euismod risus. Phasellus condimentum lectus eu libero commodo tempor. Aenean eget libero purus. Fusce non mi vulputate, suscipit leo in, pharetra metus. Suspendisse egestas molestie eros, a varius turpis porta at.

Second Sub-chapter

Third Sub-chapter

Fourth Sub-chapter

Fourth Chapter

Fifth Chapter

[/toc-this]

[/column]

[column 3]

[toc stick-to-bottom="true" text-color="border-dark" fixed="true" selectors="h3%2C%20h4" color="black-light" /]

[/column]

[/row]

[sp-demo-doc]

Fixed – table of Content will be visible while scrolling

Show and hide – use this option if you want TOC elements be shown and hidden. By default you will have non-animated/fully visible table of contents
Show top – use this option if you want to add TOP link to all headings in the page. This is helpful to scroll to the top

Stick to Bottom – will show your navigation at the bottom
Selectors – the element’s used to generate the table of contents. Each comma separated selector must be a header element. The order is very important since it will determine the table of content’s nesting structure

Scroll to – the amount of space between the top of page and the selected table of contents item after the page has been scrolled

Top spacing – the amount of space between the top of page and the table of content

Color – the color of the active item in table of content

Text color – the color of the items links in the table of content

[/sp-demo-doc]

Table of Content // <![CDATA[ _spBodyOnLoadFunctionNames.push("setupPageDescriptionCallout"); // ]]>