In addition to the simple styles represented by the WikiMarkup TextFormattingRules, JSPWiki also allows you to put in your own styles, which are defined in the jspwiki.css file. These may vary from site to site, and it is up to the site administrator to define a style.

CSS styles#

• %%small -- Smaller then normal font, like this
• %%sub -- Subscript, like aij = aji
• %%sup -- Superscript, like 23 = 8
• %%strike -- Strike through text, like this text is hardly readable
• %%ltr -- left-to-right text formatting
• %%rtl -- right-to-left text formatting
• %%commentbox -- comment box floating at the right margin

Special block markers:#

Dynamic styles#

Most of these styles are only available for v2.5.xx onwards.

• %%collapse -- Turn ordinary lists into collapsible trees. See Collapsible List
• %%collapsebox -- Creates a collapsible box which slides in/out vertically. See Collapsible Box
• %%category -- Generates pop up with pages referenced by the category page. See Category Style
• %%tip -- Generates a transparent fly-over tip with additional info. See Tip Style
• %%graphbar -- Add horizontal or vertical graph bars to your wikipages. See GraphBars

• %%sortable -- Turn ordinary wiki tables into sortable tables. See Sortable Tables
• %%table-filter -- Turn ordinary wiki tables into Excel-like filtered tables. See Filtered Tables
• %%zebra-table -- Add alternate row colors to your tables. See Zebra Table Style
• %%columns -- Format text in multi-column news-paper format. See Multi Columns Style

• %%tabbedSection, %%tab -- Create pages with tabular sections. See Tabbed Sections
• %%tabbedAccordion -- Generates a tabbed section, with smooth transition effects based on accordion. See Accordion Style
• %%accordion -- Generates vertical accordion. See Accordion Style

• %%prettify -- Add code-coloring to a preformatted block of text. See Prettify Sourcecode
• %%slimbox -- Generates a fancy picture viewer for all enclosed links, similar to the attachment viewer. See Slimbox
• %%reflection -- Generates a reflection at the bottom of the image. See Reflection Style

Examples#

%%collapse#

%%collapsebox#

%%add-css
  .clpse,xpand{
    overflow: hidden; 
    height: 0px;
   }
/% 

%%category#

%%tip#

Lorem ipsum dolor sit amet,
consectetuer adipiscing elit.
Donec dictum velit eget risus.
Fusce ligula.

%%graphbar#

Simplest for of GraphBars:

See GraphBars for more examples.

%%sortable#

%%table-filter#

%%zebra-table#

%%columns#

%%tabbedSection, %%tab #

%%tabbedAccordion#

%%accordion#

%%prettify#

/**
 * the fibonacci series implemented as an Iterable.
 */
public final class Fibonacci implements Iterable<Integer> {
  /** the next and previous members of the series. */
  private int a = 1, b = 1;

  public Iterator<Integer> iterator() {
    return new Iterator<Integer>() {
      /** the series is infinite. */
      public boolean hasNext() { return true; }
      public Integer next() {
        int tmp = a;
        a += b;
        b = tmp;
        return a;
      }
      public void remove() { throw new UnsupportedOperationException(); }
    };
  }

%%slimbox#

%%reflection#