CindyJS

Createtool with external containers

It is possible to add tool buttons not only to the widget area but also to surrounding HTML elements, using the toolbar modifier of the createtool function. To achieve consistent styling, the resulting container should have the CindyJS-toolbar CSS class, as seen above the widget in this example. Otherwise default button styling will be used, as seen below the widget.

If a statusbar property is given to the CindyJS invocation, it will be used to identify a HTML element which will display messages about the expected next step for using the current tool.