DHTMLX Docs & Samples Explorer

Icon Size

 
Source
<script type="text/javascript" src="../../codebase/dhtmlxcommon.js"></script>
<script type="text/javascript" src="../../codebase/dhtmlxtoolbar.js"></script>
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxtoolbar_dhx_skyblue.css"></link>
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxtoolbar_dhx_web.css"></link>
<script>
var dhxToolbar,
dhxToolbar2;
function doOnLoad() {
    dhxToolbar = new dhtmlXToolbarObject("toolbarObj", "dhx_skyblue");
    loadToolbar(18);
    //;
    dhxToolbar2 = new dhtmlXToolbarObject("toolbarObj2", "dhx_web");
    loadToolbar2(18);
}
function loadToolbar(a) {
    dhxToolbar.clearAll();
    dhxToolbar.setIconSize(a);
    dhxToolbar.setIconsPath("../common/icon_size/" + a + "/");
    dhxToolbar.loadXML("../common/dhxtoolbar_button2.xml?etc=" + new Date().getTime());
}
function loadToolbar2(a) {
    dhxToolbar2.clearAll();
    dhxToolbar2.setIconSize(a);
    dhxToolbar2.setIconsPath("../common/icon_size/" + a + "/");
    dhxToolbar2.loadXML("../common/dhxtoolbar_button2.xml?etc=" + new Date().getTime());
}
</script> <table> <tr> <td> <div style="padding-bottom: 10px;"> <input type="button" value="18" onclick="loadToolbar(18);"> <input type="button" value="24" onclick="loadToolbar(24);"> <input type="button" value="32" onclick="loadToolbar(32);"> <input type="button" value="48" onclick="loadToolbar(48);"> </div> <div style="height: 350px; width: 400px;"><div id="toolbarObj"></div></div> </td> <td width="50">&nbsp;</td> <td> <div style="padding-bottom: 10px;"> <input type="button" value="18" onclick="loadToolbar2(18);"> <input type="button" value="24" onclick="loadToolbar2(24);"> <input type="button" value="32" onclick="loadToolbar2(32);"> <input type="button" value="48" onclick="loadToolbar2(48);"> </div> <div style="height: 350px; width: 400px;"><div id="toolbarObj2"></div></div> </td> </tr> </table>