module:6 - Navigator (beta)
nav_first.pngFirst: module:1
module:1 - Wikidot per-site help
Edited: 29 Oct 2009 14:44 by: pieterh
Comments: 0
nav_prev.pngPrevious: module:5
module:5 - Wishlist
Edited: 31 Oct 2009 13:59 by: pieterh
Comments: 0
Last: module:11
module:11 - Twitter Module
Edited: 07 Nov 2009 06:22 by: tsangk
Comments: 2
Next: module:7
module:7 - CSS elegant code brackets
Edited: 01 Nov 2009 11:17 by: pieterh
Comments: 0

module:6 - Navigator (beta)
Module submitted by pieterh
31 Oct 2009 14:05

rating: 0+x

This module provides a page manager called the Navigator. The Navigator is under development and some features do not work properly. However it is already useful for managing sites. It lets you show the most recent pages, sort by author or date, select by tag and parent, and so on.

Include files

Add a new include file

include:12 - Page manager By pieterh 31 Oct 2009 14:07
include:13 - Page manager header By pieterh 31 Oct 2009 14:08


To install this module in your site, create/edit these pages with the following content:

This page Contains this line
system:page-manager [[include :modules:include:12 page=system:page-manager]]

And then add this to your top menu:

 * [/system:page-manager Manage pages]

Then, in your Site Manager 'Appearance' tab, select 'Navigation elements' and for the system category, remove the side-bar. This gives the Navigator the full width of the page to work with. Removing the side-bar may not work with all themes.

CSS support

To use the scrollbar you must use a compatible CSS theme:

/*  Pop-up hover text over images or links  */
/*  Use: [[span class="hover"]]Image or link[[span]]Hover text[[/span]][[/span]] */
.hover span {
    display: none;
.hover:hover span {
    position: absolute;
    display: inline;
    margin: 20px -20px 0 0;
    height: auto;
    width: auto;
    background: #eee;
    border: 1px solid #555;
    color: #555;
    padding: 1em;
    font-size: 12px;
.hover:hover span span {
    position: relative;
    margin: auto;
    height: auto;
    width: auto;
    border: none;
    padding: 0;
.hover:hover {
    background-color: transparent;
    text-decoration: underline;
/*  Table style is layout, header/footer are top & bottom rows */
.layout {
    width: 100%;
.layout tr {
    background: #FCFFDF;
    border-bottom:1px solid #EFEFEF;
.layout td {
    padding-left: 1em;
.layout .truncate {
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: nowrap;
.layout .header {
    height: 2em;
    background: #AFCCFF;
    border-bottom: 1px solid #9F9F9F;
    font-weight: bold;
    font-size: 13px;
.layout .footer {
    background: #FCFFDF;
    border-top: 1px solid #9F9F9F;
    border-bottom: 1px solid #9F9F9F;
    font-weight: bold;

Comments: 0

Add a New Comment
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License