1 # Lightmenu DokuWiki plugin 2 3 Very simple plugin which display pure CSS tree menu (inspired from "bisserof" https://codepen.io/bisserof) of wiki hierarchy. Meant to be placed in the sidebar.txt file. 4 5  6 7 **features** : 8 - full wiki tree access menu 9 - menu label customization name and style. 10 11 12 ## Customize menu label 13 14 By Default the menu label is the dokuwiki id of the page or namespace (directory). You can change this label and style it this way. 15 For style you have to learn a bit of CSS (Cascading Style Sheet) 16 17 - Go to the page and edit it. 18 - Anywhere on the page type (you can put it on top nothing will be displayed except errors) : 19 ``` 20 <lm:{ 21 "label":"possible new label", 22 "class":"possible CSS class", 23 "style":"possible CSS code" 24 }> 25 ``` 26 - save 27 - the new label appear in menu for this page / namespace 28 29 **Important** : avoid ">" character inside code use the HTML entity "`>`" instead since ">" mark the end of lightmenu code. 30 31 ### examples 32 33 - To change the current page label in menu to "New label" add : `<lm:{"label":"New label"}>` 34 - To change the color of the current page label in menu to red add : `<lm:{"style":"color:red;"}>` 35 - Change color and label add : `<lm:{"label":"New label","style":"color:red;"}>` 36 - Add CSS class to the new label add : `<lm:{"label":"New label","class":"my-classs-name"}>` 37 38 You can define CSS classes creating "conf/userstyle.css" file in dokuwiki tree. 39 40 ### How does it works 41 42 The code after "<lm:" is JSON code. 43 - The content of "label" property is placed as text and "title" attribute of HTML link. 44 - The content of "class" property is placed in "class" attribute of HTML link. 45 - The content of "style" property is placed in "style" attribute of HTML link. 46 47 HTML code injection is possible and not controlled by the plugin : hack if you want. 48 Incomming versions may authorize to add any HTML attribute to the link. 49 50
){kind=link}