Table of Contents

📚 Create Content > Blocks > Table of Contents (previously called Submenu)

Definition & Purpose

Best practices

• Try not to us a more than two levels to avoid information overload
• Keep subtext collapsed and let user choose what to expand

Styles

Once inserted, you will be able to choose which style (Long-Full, Short Full or Sidebar), assign a title (Optional) and determine which items will be presented bigger or smaller, according to the Size you determine.

Long full-width

Use: on long pages (more than 5 screens) when list items are long (+ 10 words)
No max items recommended.

Short full-width

Use: on long pages (more than 5 screens) when list items are short (up to 5 words)
No max items recommended.

Short sidebar

Use: on long pages (more than 5 screens) when list items are short (up to 10 words)
Max items recommended: 9

Edit block elements

• Table of Contents title – optional – to be edited in place, inside the block

• Table of Contents items
  • there are a total of 6 headings under each level
  • ‘add level’ becomes available when the Level 1 Table of Contents item has been selected. Otherwise, it will be greyed out and unavailable
  • for each Table of Contents item, you can select if you want to link the item in the Table of Contents to the content and how you want it to appear in the Table of Contents: none – simple list; bullet – the entries in the menu will have the Chevron sign ‘>’; number – the entries in the menu will be numbered.

Design Elements

All design files of the block are available in the P4 Design Systems > Blocks > Table of Contents

Links & resources

• Handbook
  • Create Posts
• Set up the P4 key Content (Navigation, Footer, Menus, Favicon, Post types)
  • Main Navigation
  • Images & Videos 
  • Blocks & Patterns