Sha256: 0230938b5b2c9a31f54965a365f75156619d9ecfa1bc56d430569e49b75b0105
Contents?: true
Size: 1.39 KB
Versions: 8
Compression:
Stored size: 1.39 KB
Contents
---
title: Vertical
directoryName: MenuStyle
inMenu: true
template: /plugin.template
plugin: MenuStyle/Vertical
---
h2(#description). 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!
h2(#style). 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 <code>list-style-type: none</code>).
h2(#examples). Examples
Following are some examples of this menu style with varying parameter values (without CSS styling).
<table class="examples">
<tr>
<th>Used parameters</th><th>Resulting menu</th>
</tr>
<tr>
<td>Using default values</td>
<td>{menu: {menuStyle: vertical}}</td>
</tr>
<tr>
<td>\{menu: {menuStyle: vertical, options: {maxLevels: 1}}}</td>
<td>{menu: {menuStyle: vertical, options: {maxLevels: 1}}}</td>
</tr>
<tr>
<td>\{menu: {menuStyle: vertical, options: {showCurrentSubtreeOnly: false, maxLevels: 3}}}</td>
<td>{menu: {menuStyle: vertical, options: {showCurrentSubtreeOnly: false, maxLevels: 3}}}</td>
</tr>
<tr>
<td>\{menu: {menuStyle: vertical, options: {startLevel: 2, maxLevels: 3}}}</td>
<td>{menu: {menuStyle: vertical, options: {startLevel: 2, maxLevels: 3}}}</td>
</tr>
</table>
Version data entries
8 entries across 8 versions & 1 rubygems