DHTMLX Docs & Samples Explorer

Toolbar

If you want to add toolbar to a layout - make the following steps:
1. Firstly, download dhtmlxToolbar 2.0 package from the server into the folder where the previously downloaded packages were put.
2. Add to the <head> tag of an HTML file the full path to the following files:

  • 'dhtmlxtoolbar.js' from the folder “dhtmlxToolbar”;
  • 'dhtmlxtoolbar_dhx_blue.css' from the folder “dhtmlxToolbar”.
<head> 
        <script src="[full path to this file]/dhtmlxtoolbar.js"></script>
        <link rel="stylesheet" type="text/css" href="[full path to this file]/dhtmlxtoolbar_dhx_blue.css">
</head>

3. And now a dhtmlxToolbar 2.0 can be attached to the layout very easily:

var bar = dhxLayout.attachToolbar();

As in the case of adding a menu, when the page is reloaded the toolbar panel will be displayed at the top of the layout, below the header and below the menu panel (in case they are there).

 
If you want to add toolbar items - refer to the “dhtmlxToolbar guide and code samples” documentation.