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
include:12 - Page manager | By pieterh | 31 Oct 2009 14:07 |
include:13 - Page manager header | By pieterh | 31 Oct 2009 14:08 |
Instructions
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:
- One of the Rainbow themes, or
- One of the Minimalist themes, or
- Adding the following CSS to your custom 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 { border-collapse:collapse; color:#3B485F; width: 100%; table-layout:fixed; } .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; }