The P4 team is currently running some changes to the site. Please be aware that you might be redirected to some other sources on the world wide web or you will find the content you are looking for in another format. If you notice anything missing, please let us know in the p4-general Slack channel. Thank you!

Purpose: create a clickable menu based on the headers of the paragraphs, really useful for long, instructional pages.


Add the block to your page

The Submenu block is available under ‘Planet 4 Blocks’ section

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

  • KEY INFO > Heading sizes determine the parenting and ordering of the block, kind of the Google Doc “Table of Content“.

Design Elements

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