kidoju.widgets.toolbox

1. Description

The Toolbox widget displays a list of icons representing tools. Clicking on an icon selects a tool. The toolbox fills the bounding box and displays icons on as many lines and columns as necessary.

2. Visual Design

The toolbox uses

3. Functional Specification

3.1 Prerequisites

3.2 Feature details

3.3 Options

3.4 Methods

3.5 Events

Click: when a tool is clicked (or tapped on a touch-enabled device) and therefore selected.

4. Markup & Style

4.1 Initial markup examples

<div data-role="toolbox"></div>

4.2 Recommended transformed HTML markup

4.3 Accessibility recommendation

4.4 CSS & Theme

5. Latest version

6. Roadmap

6.1 vNext

• Improve visual style with better CSS/markup
• Resize icons to optimize layout when the bounding box is resized.

6.2 Further down the road

• Include the ability to upload custom tools