Extension:Uniwiki Toolbar

What can this extension do?
This extension is primarily focused on increasing the usability of MediaWiki's user interface. It replaces the default toolbar with one that uses the widely used icon set Tango, limits the options to those most used, and adds internationalizable text next to each icon improving peoples understanding of the icons. Although the extension is very much a work in progress, the changes have been refined by feedback from iterative usability testing, and significantly improve the editing process - especially in conjunction with the other Uniwiki extensions.

Installation
Create a subdirectory in your extensions directory: (we do this to make it easy to distribute all Uniwiki extensions as a bundle)

Download the extension and its dependencies using subversion:

Add the following to LocalSettings.php:

Configuration
This extension is highly configurable, allowing for icons to be changed, buttons added or removed, text turned on or off, and the text to be translated for localization.

Adding a new button
To add a new button, you need to edit the CustomToolbar.js file and add a new array to the Buttons array:

and then adding the following line to style.css:

This will make new button that will wrap text in * characters. The sample is the text that would be placed inside the *s, the tip is the tooltip that displays on mouse hover for what will happen when you press the button, and the caption is the message that is displayed alongside the picture in the actual button. The button image just needs to be placed in the corresponding directory (in this case with the other 16x16px images). Alternatively, buttons can call a custom function to perform whatever task you would like. In this case you would add something like this:

As you can see, the tip can be either one message, or an array of two messages. The first message is what will be displayed on mouse hovering over the button, the second is the same, but will display when there is selected text. For example it will display, say, "insert starred text" with nothing selected and "make this text starred" if there was text selected. Also, you will notice that these messages are internationalized, so you will have to enter them into the CustomToolbar.i18n.php file first.

Hiding button text/images
You can customize the look of the toolbar further by editing the style.css file to your liking.