Toolbox

Toolbox is a component that may save some workspace by folding to some edge when not needed

View larger

Close

View larger

Close

View larger

Close

The Toolbox will be folded somewhere around your browser's edges. To unfold it, simply move the mouse cursor over the edge and the content will be shown. If this feature is not wanted, one can now also make the Toolbox foldable only on clicks.

The Toolbox has a small API and will not interfere with other components. Toolbox will not have a size of its own, but determines its size by looking at the contained component. If the contained component for example is a layout with width 100%, the Toolbox will also be of 100% width.

Animation can be switched off by setting the animation time milliseconds to 0. The component can also swap orientation on the fly by setting the orientation.

Now there is also better support for clicking & adding icons, thanks to Henri Kerola. Henri also added programmatic support for opening the Toolbox, fixed a bug and now it is possible to style the toolbox

Now also added Vaadin 7 support (1.0.0)

Sample code

Toolbox tb = new Toolbox();
tb.setOrientation(orientation);
VerticalLayout vl = new VerticalLayout(); // For instance, add your components in a VerticalLayout
tb.addComponent(vl);
tb.setAnimationTime(1); // This is practically "no animation"
tb.setFoldOnClickOnly(true); // setting it to true, means the Toolbox will fold/unfold only when clicking

mainWindow.addComponent(tb);  // Add your component to the mainWindow

Links

• Author Homepage
• Online Demo
• Source Code
• Discussion Forum

Compatibility