Dokuwiki for science

Multiple columns at DokuWiki index

DokuWiki has a functionality to display 'index' of all namespaces and pages. But they are displayed in one column, so the index page tends to be too long. This problem can be solved by modifying DokuWiki's stylesheet, named '_toc.less' in a default template.

If you don't want to modify default stylesheet, you can add an additional file, for example, hoge.css in lib/tpl/(your template)/css directory. Then, add a line in style.ini like css/hoge.less = screen.

Have a look at a site map of this DokuWiki

How to modify css

You can find the definition of styles of index listing around 'open.gif'. Modify the following definitions.

  1. ul.idx li
  2. ul.idx li.open
.dokuwiki ul.idx li {
    list-style-image: url(../../images/bullet.png);
    float:left;
    margin-left:1.5em;
    padding:0;
    width:45%;
}

.dokuwiki ul.idx li.open {
    list-style-image: url(../../images/open.png);
    border:solid 1px #ccc;
    padding:0.5em;
    width:90%;
}
BEFORE AFTER