webgen logo

webgen / static website generator

static website generation made easy!

Sub Menu

Tips

  • The basics pagecontains everything one needs to get going with webgen!
  • Descriptions for plugins can be found in the plugins section

Latest news

2007-12-31: Minor release with feature enhancements. More...

2007-09-08: Small bug fix release. More...

2007-06-29: Some bug fixes and one small feature enhancement. More...

Links

Generated by webgen
Location: webgen / Documentation / Plugins / MenuStyle / Vertical Language: en Feedback: Click here
 

General Information

Plugin name:MenuStyle/Vertical (MenuStyle/Default)
Author:Thomas Leitner <t_leitner@gmx.at>
Summary:Builds a vertical menu and is very flexible
Parameters:

maxLevels: 3
Specifies the maximum number of levels that should be shown. For example, if maxLevels = 1, then only one level is shown.

minLevels: 1
Specifies how many levels should be always be shown, ie. how deep the menu is. For example, if minLevels = 3, then three levels are always shown at least.

showCurrentSubtreeOnly: true
True if only the current subtree should be shown in the menu. If set to false, each subtree will be shown.

startLevel: 1
The level at which the menu starts. For example, if set to 2 the top most menu items are not shown.

Handler name:vertical

Description

This menu style builds a seemingly simple vertical menu. However, it is very flexible due to its many parameters that let you decide every detail of the menu. Have a look at the examples to see what is possible!

Style Advice

The menu is constructed using HTML lists with ul and li tags. However, the menu looks better if no discs are shown for the menu items (using the CSS directive list-style-type: none).

Examples

Following are some examples of this menu style with varying parameter values (without CSS styling).

Used parametersResulting menu
Using default values
{menu: {menuStyle: vertical, options: {maxLevels: 1}}}
{menu: {menuStyle: vertical, options: {showCurrentSubtreeOnly: false, maxLevels: 3}}}
{menu: {menuStyle: vertical, options: {startLevel: 2, maxLevels: 3}}}