Sample: dhtmlxToolbar Customizable layout dhtmlxToolbar main page
X

You can get different toolbar layout even with one xml file using hideButtons/showButtons and setBarAlign methods

 
Change Visible Content
Change Align

 
<div id="toolbar_zone" style="width:600;border :1px solid Silver;"/>
<script>
 
    //init toolbar
    aToolBar=new dhtmlXToolbarObject('toolbar_zone','100%',30,"Demo toolbar");
    // set processing function
    aToolBar.setOnClickHandler(onButtonClick);
    //load toolbar from xml
    aToolBar.loadXML("_toolbar.xml")
    //show toolbar
    aToolBar.showBar();
    
    function onButtonClick(itemId,itemValue)
    {
        alert("Button "+itemId+" was pressed");
    };
    
    //set align
    aToolBar.setBarAlign("right");
    
    //set buttons layout
    aToolBar.hideButtons();
    aToolBar.showButtons("0_save,0_delete");
</script>