2020-02-28 14:33:15 +00:00
|
|
|
title: $:/plugins/tiddlywiki/menubar/readme
|
|
|
|
|
|
|
|
|
|
!! Introduction
|
|
|
|
|
|
|
|
|
|
This plugin provides a menu bar with the following features:
|
|
|
|
|
|
|
|
|
|
* Menu items take the form of simple text links, dropdowns, or entirely custom content
|
|
|
|
|
* Menu items can be individually enabled via the control panel
|
|
|
|
|
* Responds to reduced screen width by abbreviating the menu items to a "hamburger" dropdown
|
|
|
|
|
|
|
|
|
|
!! Menu Item Tiddlers
|
|
|
|
|
|
|
|
|
|
Menu items are tagged <<tag $:/tags/MenuBar>>. The following fields are used by this plugin:
|
|
|
|
|
|
|
|
|
|
|!Field Name |!Purpose |
|
|
|
|
|
|title |Each menu item must have a unique title (not shown to the user) |
|
|
|
|
|
|description |Description for use in listings |
|
|
|
|
|
|tags |Must contain `$:/tags/MenuBar` |
|
|
|
|
|
|caption |The text that is displayed for the menu item. Avoid links, using `~` to suppress CamelCase links if required |
|
|
|
|
|
|target |For simple link menu items specifies a tiddler title as the target of the link |
|
|
|
|
|
|is-dropdown |Set to `yes` to indicate a dropdown menu item |
|
|
|
|
|
|text |For dropdown menu items, specifies the body of the dropdown |
|
|
|
|
|
|custom-menu-content |Optional wikitext to be displayed in place of the caption |
|
2020-03-24 10:35:07 +00:00
|
|
|
|custom-menu-styles-wide |Optional string of styles to be applied to menu item when the menubar is wide |
|
|
|
|
|
|custom-menu-styles-narrow |Optional string of styles to be applied to menu item when the menubar is narrow |
|
2020-02-28 14:33:15 +00:00
|
|
|
|
|
|
|
|
Custom menu items should make sure that the clickable link or button is an immediate child, and not wrapped in another element.
|
|
|
|
|
|
2020-02-28 17:22:47 +00:00
|
|
|
Note that menu items can be pushed to the right of the menu bar setting the ''custom-menu-styles'' field to `float: right;`.
|
