DokuWiki

It's better when it's simple

User Tools

Site Tools


plugin:floatdiv

This is an old revision of the document!


floatdiv plugin

Compatible with DokuWiki

2010-11-07

plugin

Last updated on
2011-01-02
Provides
Syntax

This extension has not been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues.

Similar to columns, layout, styler, wrap

Tagged with sidebar

Download and Installation

Download and install the plugin using the Plugin Manager using the URL given above. Refer to Plugins on how to install plugins manually.

Syntax and Usage

This is a placeholder page - the plugin is a work in progress.

This is a simple floating div used as a sidebar for any page. It can be added simply by using

[float]
content goes here
[/float]

The options available are:

OptionUnitDefaultAccepted ValuesExampleFunction
Side rightright/left rightControls which side to place the sidebar on.
Widthpixel20050-500 width=185Controls the width of the sidebar.
Sizepixel108-20 size=30Controls the font size in the sidebar.
BackgroundHex Color background_neu #000000 - #FFFFFFbackground=#abcdefControls the background color of the sidebar.

Examples

Right sidebar, 180px wide, 12px font size, and #eeeeff for a background color.

[float right background=#eeeeff size=12 width=180]
content goes here
[/float]

Left sidebar, 50px wide, 8px font size, and #eeeeff for a background color.

[float left background=#eeeeff size=8 width=50]
content goes here
[/float]

Known Issues

  • Headers do not work within the sidebar - they will not process at all leaving you with the <pre>=== tag ===<pre> sitting in the text.
  • Headers don't wrap with the sidebar on the left, they will move down below the sidebar.
plugin/floatdiv.1294070767.txt.gz · Last modified: 2011-01-03 17:06 by 71.127.4.20

Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki