Table of contents

The table of contents module allows you to display a simple link list of the headings contained in text modules on a web page. The links go down to the current heading on the page (an anchor link).

Settings

Fetch from

The table of contents selects headings based on whether you choose to point to a content area or by getting the ID from a layout.

• Content area - Gets the content from the headings in a content area.
• Specify ID - Retrieves the content from, for example, a layout in the template. Select Properties on a layout -> Content -> ID. The ID number is in the format 12.xxxxxxxxxxxxx.
  

Show

Set which heading levels should be displayed in the table of contents.

• From heading level - Set the heading level from which the table of contents should be displayed. It is usually best to start from heading h2.
• To heading level - Set which heading levels on the page should be displayed. If it is a long page, it may be sufficient to display h2. If it is a shorter page, you may want to include all heading levels and can, for example, specify h6.

Module heading

Show heading

Tick Show heading if you want to show the heading in the table of contents. The default heading is ‘Page content’.

Select heading level

Select which heading style the table of contents heading should use.

Heading format template

Select which format template the table of contents heading should use. You can choose one of the following:

• Heading
• Section heading
• Subheading
• Header

Use custom heading

Enter your own custom heading here if you want something other than ‘Page content’.

Appearance

Spacing (padding)

Set the spacing between the headings in the table of contents.

• Compact - If you want less spacing between the headings in the table of contents.
• Standard - If you want more spacing between the headings in the table of contents.

Link appearance

Here you can set how the links should look.

• Basic text
• Link
• Secondary link (basic text but with link colour as hover)

This is retrieved from Website settings -> Appearance -> Theme -> Basic -> Font colour and Link colours.

Show border

If you want a border next to the current heading (and on hover), tick this box and select the color you want.

Active link color indicator

• Element/Primary color
• Element/Secondary color
• Profile color

You can check which colors you have set in your theme by going to Website settings -> Appearance -> Theme -> Profile colors and/or Element colors.

Allow line breaks in links

Tick Allow line breaks in links to display entire links if they become too long.

Exclude/Include content

The module retrieves headings from text modules, but this may not always be sufficient. There may be text modules that you do not want to include, or you may have built your own modules that display content that you want to include.

If you have a text module that you want to exclude, you can give it the class sv-toc-ignore. Headings within this module will then not be included.

If you have other content that you want to include, you can set the class sv-toc-include on a module/layout. Headings within this area will then be included in the table of contents.