Adding an in page navigation

Create a div in page's aside column via the WYSIWYG's Create Div Container icon. Apply the following value to the created div's id field in-page-navigation.

Then apply the general-in-page-navigation additional library to the page under the Advance tab by selecting it from the Additional library drop-down list.

The library will create in page navigation within the aside based of the heading structure on the page. The correct sub heading pattern should be followed using the numbered headings 2 - 6 so that sections headings appear as parent and children in-page navigation items.

See this page's content as an example.

First Heading 3

  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet

Second Heading 3

  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet

Third Heading 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean posuere quam vitae placerat aliquet. Aenean gravida pharetra est, id ultrices felis volutpat eget. Sed quis viverra lorem, nec pulvinar urna. Ut et ligula convallis, pharetra dolor at, consectetur lorem. Donec lectus tortor, iaculis a maximus vel, porttitor non mi. Ut viverra elit in tortor scelerisque, eu molestie leo tristique. Nam consequat sem sed gravida luctus. Nulla molestie efficitur magna ut laoreet.

Fourth Heading 3

Phasellus et mauris gravida, fringilla turpis at, eleifend dolor. Sed a porta elit. Nunc mollis, mauris sit amet luctus pretium, augue neque suscipit quam, non molestie arcu nisl ut lorem. Aenean sodales porta orci, in tincidunt nisi ullamcorper eget. Sed ut purus placerat nibh lacinia blandit vitae eu velit. Nullam malesuada magna eget orci tempus tristique eu eget odio. Donec pulvinar interdum libero, eget dapibus orci. Proin non mauris sit amet nisl facilisis blandit sit amet at metus. Quisque vitae elementum odio. Integer vel mi in libero finibus lacinia eget at est. Proin sed justo malesuada, maximus elit eget, facilisis elit. Aliquam sed ante nulla. Nam dui nulla, porta vitae gravida id, placerat quis justo. Vivamus condimentum eu ipsum sed maximus. Praesent est quam, aliquet ut nibh suscipit, iaculis commodo ex. Cras volutpat tortor at viverra viverra.

Fourth H3 First Sub H4

In congue urna fringilla neque volutpat, sit amet fringilla est dictum. Curabitur nec odio nec sapien suscipit porta vitae id leo. Proin vitae turpis id est placerat congue. Aenean vitae lectus mauris. Phasellus in interdum risus. Sed ligula tortor, vehicula vitae pretium quis, molestie vel tortor. Nunc at lobortis tortor.

sit amet fringilla est dictum

Aenean vitae lectus mauris. Phasellus in interdum risus

Sed ligula tortor, vehicula vitae pretium quis, molestie vel tortor. Nunc at lobortis tortor.

Aenean vitae lectus mauris. Phasellus in interdum risus

Fourth H3 Second Sub H4 (Aenean vitae lectus mauris)

  • Suspendisse potenti. Ut placerat ornare lacus, vitae porta velit scelerisque et. Duis eget porttitor felis. Quisque sit amet odio in orci rutrum posuere vel quis enim.
  • Technical Theatre Management-This course explores the challenges of technical theatre management through fortnightly class tutorials in theoretical and practical aspects of technical work in the theatre. The theory and practice is applied through the work completed in at least two (major) assignments, in the fields of stage management, lighting, costume, properties and sound or audio/visual design. These assignments are accompanied by a fully theorised and written explication of this work, including visual support materials as appropriate (such as design sketches, photographs, lighting plans, ground plans, prompt copy, lighting or sound cue sheets, a CD/DVD of lighting or sound material utilised).
  • Suspendisse potenti. Ut placerat ornare lacus, vitae porta velit scelerisque et. Duis eget porttitor felis. Quisque sit amet odio in orci rutrum posuere vel quis enim. Cras eget accumsan lacus. Proin laoreet blandit dolor, vitae faucibus nibh fringilla nec. Sed vel lobortis elit. Etiam sollicitudin ipsum est, in dictum libero porta id. Maecenas facilisis justo a ullamcorper ornare. Aenean lobortis magna velit, in pulvinar lectus egestas vel.
  • Suspendisse potenti. Ut placerat ornare lacus, vitae porta velit scelerisque et. Duis eget porttitor felis. Quisque sit amet odio in orci rutrum posuere vel quis enim. Cras eget accumsan lacus. Proin laoreet blandit dolor, vitae faucibus nibh fringilla nec. Sed vel lobortis elit. Etiam sollicitudin ipsum est, in dictum libero porta id. Maecenas facilisis justo a ullamcorper ornare. Aenean lobortis magna velit, in pulvinar lectus egestas vel.

Fourth H3 Third Sub H4 (Sed vel lobortis elit. Etiam sollicitudin ipsum)

  • Proin laoreet blandit dolor, vitae faucibus nibh fringilla nec. Sed vel lobortis elit. Etiam sollicitudin ipsum est, in dictum libero porta id. Maecenas facilisis justo a ullamcorper ornare. Aenean lobortis magna velit, in pulvinar lectus egestas vel.
  • Proin laoreet blandit dolor, vitae faucibus nibh fringilla nec. Sed vel lobortis elit. Etiam sollicitudin ipsum est, in dictum libero porta id. Maecenas facilisis justo a ullamcorper ornare. Aenean lobortis magna velit, in pulvinar lectus egestas vel.

Fifth Heading 3

Fifth H3 First Sub H4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean posuere quam vitae placerat aliquet. Aenean gravida pharetra est, id ultrices felis volutpat eget. Sed quis viverra lorem, nec pulvinar urna.

Fifth H3 Second Sub H4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean posuere quam vitae placerat aliquet. Aenean gravida pharetra est, id ultrices felis volutpat eget. Sed quis viverra lorem, nec pulvinar urna. 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean posuere quam vitae placerat aliquet. Aenean gravida pharetra est, id ultrices felis volutpat eget. Sed quis viverra lorem, nec pulvinar urna. Ut et ligula convallis, pharetra dolor at, consectetur lorem.

Fifth H3 Third Sub H4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean posuere quam vitae placerat aliquet. Aenean gravida pharetra est, id ultrices felis volutpat eget. Sed quis viverra lorem, nec pulvinar urna. Ut et ligula convallis, pharetra dolor at, consectetur lorem. Donec lectus tortor, iaculis a maximus vel, porttitor non mi. Ut viverra elit in tortor scelerisque, eu molestie leo tristique. Nam consequat sem sed gravida luctus. Nulla molestie efficitur magna ut laoreet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean posuere quam vitae placerat aliquet. Aenean gravida pharetra est, id ultrices felis volutpat eget. Sed quis viverra lorem, nec pulvinar urna. Ut et ligula convallis, pharetra dolor at, consectetur lorem. Donec lectus tortor, iaculis a maximus vel, porttitor non mi. Ut viverra elit in tortor scelerisque, eu molestie leo tristique. Nam consequat sem sed gravida luctus. Nulla molestie efficitur magna ut laoreet.

Fifth H3 Fourth Sub H4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean posuere quam vitae placerat aliquet. Aenean gravida pharetra est, id ultrices felis volutpat eget. Sed quis viverra lorem, nec pulvinar urna. Ut et ligula convallis, pharetra dolor at, consectetur lorem. Donec lectus tortor, iaculis a maximus vel, porttitor non mi. Ut viverra elit in tortor scelerisque, eu molestie leo tristique. Nam consequat sem sed gravida luctus. Nulla molestie efficitur magna ut laoreet.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean posuere quam vitae placerat aliquet. Aenean gravida pharetra est, id ultrices felis volutpat eget. Sed quis viverra lorem, nec pulvinar urna. Ut et ligula convallis, pharetra dolor at, consectetur lorem. 

Fifth H3 Fifth Sub H4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean posuere quam vitae placerat aliquet. Aenean gravida pharetra est, id ultrices felis volutpat eget. Sed quis viverra lorem, nec pulvinar urna. Ut et ligula convallis, pharetra dolor at, consectetur lorem. Donec lectus tortor, iaculis a maximus vel, porttitor non mi. Ut viverra elit in tortor scelerisque, eu molestie leo tristique. Nam consequat sem sed gravida luctus. Nulla molestie efficitur magna ut laoreet.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean posuere quam vitae placerat aliquet. Aenean gravida pharetra est, id ultrices felis volutpat eget. Sed quis viverra lorem, nec pulvinar urna. Ut et ligula convallis, pharetra dolor at, consectetur lorem. Donec lectus tortor, iaculis a maximus vel, porttitor non mi. Ut viverra elit in tortor scelerisque, eu molestie leo tristique. Nam consequat sem sed gravida luctus. Nulla molestie efficitur magna ut laoreet.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean posuere quam vitae placerat aliquet. Aenean gravida pharetra est, id ultrices felis volutpat eget. Sed quis viverra lorem, nec pulvinar urna. Ut et ligula convallis, pharetra dolor at, consectetur lorem. Donec lectus tortor, iaculis a maximus vel, porttitor non mi. Ut viverra elit in tortor scelerisque, eu molestie leo tristique. Nam consequat sem sed gravida luctus. Nulla molestie efficitur magna ut laoreet.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean posuere quam vitae placerat aliquet. Aenean gravida pharetra est, id ultrices felis volutpat eget. Sed quis viverra lorem, nec pulvinar urna. Ut et ligula convallis, pharetra dolor at, consectetur lorem. Donec lectus tortor, iaculis a maximus vel, porttitor non mi. 

Sixth Heading 3

Sixth H3 First Sub H4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean posuere quam vitae placerat aliquet. Aenean gravida pharetra est, id ultrices felis volutpat eget. Sed quis viverra lorem, nec pulvinar urna. Ut et ligula convallis, pharetra dolor at, consectetur lorem. Donec lectus tortor, iaculis a maximus vel, porttitor non mi. Ut viverra elit in tortor scelerisque, eu molestie leo tristique. Nam consequat sem sed gravida luctus. Nulla molestie efficitur magna ut laoreet.

  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit ametma

Sixth H3 Second Sub H4

Nam consequat sem sed 

Nam consequat sem sed

Nam consequat sem sed

Nam consequat sem sed

Nam consequat sem sed

Donec lectus tortor, iaculis a maximus vel, porttitor non mi. Ut viverra elit in tortor scelerisque, eu molestie leo tristique. Nam consequat sem sed gravida luctus. Nulla molestie efficitur magna ut laoreet.

Sixth H3 Second Sub H4 First Sub H5

Nam consequat sem sed 

Nam consequat sem sed

Sixth H3 Second Sub H4 First Sub H5 First Sub H6

Nam consequat sem sed 

Nam consequat sem sed

Sixth H3 Third Sub H4

Nam consequat sem sed 

Nam consequat sem sed

Seventh Heading 3

Seventh H3 First Sub H4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean posuere quam vitae placerat aliquet. Aenean gravida pharetra est, id ultrices felis volutpat eget. Sed quis viverra lorem, nec pulvinar urna. Ut et ligula convallis, pharetra dolor at, consectetur lorem. Donec lectus tortor, iaculis a maximus vel, porttitor non mi. Ut viverra elit in tortor scelerisque, eu molestie leo tristique. Nam consequat sem sed gravida luctus. Nulla molestie efficitur magna ut laoreet.

  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit ametma

Seventh H3 Second Sub H4

Nam consequat sem sed 

Nam consequat sem sed

Nam consequat sem sed

Nam consequat sem sed

Nam consequat sem sed

Donec lectus tortor, iaculis a maximus vel, porttitor non mi. Ut viverra elit in tortor scelerisque, eu molestie leo tristique. Nam consequat sem sed gravida luctus. Nulla molestie efficitur magna ut laoreet.

Seventh H3 Second Sub H4 First Sub H5

Nam consequat sem sed 

Nam consequat sem sed

Seventh H3 Second Sub H4 First Sub H5 First Sub H6

Nam consequat sem sed 

Nam consequat sem sed

Sixth H3 Third Sub H4

Nam consequat sem sed 

Nam consequat sem sed