Tokyo - Initial setup | Navigation menu

A unit created with Tokyo can be configured to include an upper menu showing page and screen structure. This would allow us to divide contents in sections and subsections.
We can edit the following options:

  • Show or hide the menu
  • Select Menu Style
  • Show collapsed or drop-down menu
  • Hide screens shown in the menu

Show or hide the menu

When a unit is created by default with Tokyo template, a navigation menu is created on the left-upper corner of the screen to show existing pages, screens and sections inside those pages.

We can choose to hide this menu. This way users would need to move across pages and sections using only Next and Back buttons.
Hiding the menu can be an interesting option if we want to create a unit having a single page.
In order to hide this menu, we should:

  1. Click on the Interface of a unit.
  2. Access to "Properties" menu.
  3. Go to "Show menu" property and select "No".

Select Menu Style

There are two menu styles available:

  • Normal menu.
  • Condensed menu. This is a menu designed to display page titles and long screens

To select one of the styles click on the upper "Interface", access the "Properties" tab and use the "Style" property.

Show collapsed or drop-down menu

The list of screens included in a page appears opened by default, but we can adjust this option so that the list of sections appears closed. This way, we will only see the list of pages and will need to click on each page to see screens and sections.

To show a collapsed menu, we should:

  1. Select the Interface.
  2. Click on the "Properties" menu.
  3. Go to "Submenu collapsed" property and select "Yes".

Tokyo editor templates