Mega Code Archive

 
Categories / JavaScript DHTML / Ext JS
 

Set toolbar height

<html> <head> <title>Hello World Window</title> <link rel="stylesheet" type="text/css" href="ext-3.0.0/resources/css/ext-all.css" /> <script type="text/javascript" src="ext-3.0.0/adapter/ext/ext-base.js"></script> <script type="text/javascript" src="ext-3.0.0/ext-all.js"></script> </head> <script type="text/javascript"> Ext.onReady(function() {     var btns = [         {             text        : 'Add',             iconCls     : 'icon-add'         },         '-',         {             text        : 'Update',             iconCls     : 'icon-update'         },         '-',         {             text        : 'Delete',             iconCls     : 'icon-delete'         }     ];     var tbar = {         xtype        : 'toolbar',         layout       : 'hbox',         items        : btns,                 height       : 200,         layoutConfig : {             align : 'stretch'         },         defaults : {             flex : 1           }     };     new Ext.Window({         width  : 500,         height : 200,         tbar   : tbar     }).show(); }); </script> <body> </body> </html>