Side Menu

The side menu is vertical navigation element placed on the left or right side of a webpage. It groups related links in an accessible way, which is helpful for usability especially for content-heavy websites.

You can use it to show a list of pages that match a certain url and limit how many are shown at once and the depth (number of child pages to show). You can use this control as a sitemap for users.

This control respects security, it will not show pages the user does not have access to.
The current page on the list is also highlighted.

The main settings are:
Url contains : /pagename/
This setting will show any pages that match this url path.

Depth : 1
Depth is how many URL folders below this current url you want to travel, imagine if you had a folder /documentation and inside here were 10 pages, we don't want to show all the pages below this so we leave the depth at 1 so it only shows pages in this folder. Same when selecting pages with tags, if the pages you need to find are in subfolders, you might need to increase this.

Page Size (optional) : 3
There is a built in load more feature, so if you set Page Size to 3 and it finds 10 pages, only the first 3 are shown and you then get a "load more button", it will load more in page sizes, e.g. 3.

Maximum Items (optional) : 3
You can completely limit the absolute max to show, so you might just show the 3 latest new items.

Match any tag (optional) :

Pages have tags now, so you can create a tag and add it to the page and use these tags in these page list filters. Great for showing new items across the site.

Read More Text (optional) : "Read more"

You can change the default text button text.

Font Awesome Icon (optional) : Right pointer
You can also add an icon to the text buton.

We try to make it so you can switch between Page List, Page List 2.0 and Page List 3.0 and Side Menu fairly seamlessly.


Tips:

  • If you don't want a particular page to be visible in the Side Menu component, untick the isIncludedInSearch box in the page settings. This will ensure its excluded from the sitemap, search results, and other places where visibility matters.
  • Double-check that hidden pages like 404s are properly excluded
Side Menu Sample

This side menu bar gives an example of our Documentation > Webpages > Webpage Components menu mapping.

By scrolling down the list and using the drop down arrow, you will be able to see the current page you are on. It will show as underlined.