block Plugin

Install the plugin using the Plugin Manager and the download URL above, which points to latest version of the plugin. Refer to Plugins on how to install plugins manually.

This plugin has a toolbar icon which pops up a window with which you design your box, including border styles and colors, text color and box color, the width of the box in percentages, and the position of the box on the page.

You can either start by selecting your text and then designing your box or you can create your box and add text to it. You can also include images in these boxes; however, image position depends on the Dokuwiki markup.

Syntax is taken care of by the pop-up design tool.

/**
 *  <block width:alignment:background-color,text-color;border;font-family/font-size>
 *   text
 *  </block>
 *   width:  percent of window size
 *   alignment:  number of pixels from left margin, (0 or 'c' centers block), 'r' floats right
 *   border: CSS style: width type color
 *   font-family:  font name
 *   font size: specify points or pixels
 *
 *   Example:  
 *  <block 80:0:rgb(102, 51, 255);rgb(255, 255, 153);2px dashed rgb(255, 102, 255);Comic Sans MS /10pt> 
 *
 *  This creates a block 80% of page width,centered on page, background of block is rgb(102, 51, 255),
 *  text-color is rgb(255, 255, 153); the box border is 2px wide, dashed, its color is rgb(255, 102, 255).
 *  The font is 10pt Comic Sans MS.
 *   
 *  Only width and alignment are required. In this case, if alignment is 'c' or 'r', then you must follow it with a colon:  'c:'
*/

/**
* Default:
* <block 80:0:white;black;4px solid black;arial,sans-serif/9pt;>text</block>
* width: 80%
* alignment: centered
* background-color: white
* text-color: black
* border: 4px solid black
* font: 9pt arial,sans-serif
*/

I has an error when I clicked the menu button

I had to change the line of the file “script.js”, from

     var url = encodeURI('lib/plugins/block/exe/block.php');

to

     var url = encodeURI('lib/plugins/block/exe/block.php?');

Thank you. I've updated the plugin.

Are there any plans to incorporate rounded corners as an option for borders (this may require the plugin to also add padding, to ensure the border does not overlap the text)? — AshtagonAshtagon

London, UK 2012/03/21 15:45

There is now a version of the block plugin which has a setting for rounded corners.