multiple mxDefaultToolbars

There is no direct support for multiple toolbars in the default setup, but here is what you can do to support any number of toolbars and configure them via the config file.

\n

Step 1 is to create a toolbar for a specific element in the page, say you have a DIV with an ID of toolbar2, then the code for this is as follows:

\n

var container2 = document.getElementById('toolbar2');\nvar toolbar2 = new mxDefaultToolbar(container2, editor);\n

\n

Next step is to make this new toolbar accessible via a field in the editor, so that the I/O system can pick it up and configure it. This is done as follows:

\n

editor.toolbar2 = toolbar2;\n

\n

In the above code the new toolbar would be stored under toolbar2 in the editor instance. Note that this must be done before the editor is cofigured using mxEditor.configure. Now you can refer to the toolbar and configure it in the config file as follows:

\n

<mxEditor>\n  <mxDefaultToolbar as="toolbar2">\n    ...\n

\n

The difference is that you cannot use the UI section to associate the additional toolbar with the element in the page. This is done programmatically as shown above.