Sunday, February 12, 2006
JSPWiki Button Menu Template
Salient features:
- Skins can be changed on the fly
- All styling done through CSS
- Same CSS for IE and Mozilla
- XHTML compliant html
- Tables have been used sparingly
Here are the steps to configure the skins:
- JSPWiki is used to denote the location of your wiki
- Unzip the contents of ButtonMenu.zip to a temporary location
- Copy ButtonMenu dir to the JSPWiki/templates
- Edit JSPWiki/WEB-INF/jspwiki.properties to set templateDir to ButtonMenu e.g. 'jspwiki.templateDir = ButtonMenu'
- To change wiki skins modify JSPWiki/templates/ButtonMenu/WikiCSS.jsp
- Start your JSPWiki and add button menus on the left-hand-side TOC by clicking the 'Edit' button and adding wiki links.
The ButtonMenuTemplate skin overrides the style for unordered list (UL) tag inside the left-hand-side TOC
so that all the list items appear as buttons. Hence, you can easily create buttons by adding list items
to your left-hand-side TOC as shown in the above example. The ButtonMenu skins are CSS based and use a
standard layout for all the skins. The layout for the wiki pages is defined in the JSP files under
templates/ButtonMenu directory. The JSP files have no styling information; all the styles are governed by
the CSS files. All the pages in the wiki include the WikiCSS.jsp which embeds the link to the correct CSS
file. There are 3 pre-packaged CSS files namely: WikiSkinBlue.css, WikiSkinOrange.css and WikiSkinGreen.css.
The CSS files work fine both for IE and Mozilla and there is no need for separate CSS implementations for
different browsers. Just make sure that whenever you modify the CSS files you test it for both IE and Mozilla.
-- Baldeep Hira