Toolbar plugin

Toolbar plugin

This plugin provides a generic graphical toolbar. Other plugins that want to expose a button or other widget, can add those to this toolbar.

Using a single consolidated toolbar for all GUI widgets makes it easier to position and style the toolbar rather than having to do that for lots of different divs.

To add/activate the toolbar in your presentation, add this div:

<div id="impress-toolbar"></div>

Styling the toolbar is left to presentation author. Here’s an example CSS:

.impress-enabled div#impress-toolbar {
    position: fixed;
    right: 1px;
    bottom: 1px;
    opacity: 0.6;
.impress-enabled div#impress-toolbar > span {
    margin-right: 10px;

The mouse-timeout plugin can be leveraged to hide the toolbar from sight, and only make it visible when mouse is moved.

body.impress-mouse-timeout div#impress-toolbar {
    display: none;

If you’re writing a plugin and would like to add a widget to the toolbar, see the top of the source file for further instructions.


Henrik Ingo (@henrikingo), 2016