Create a form panel and add to window
<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> <body> <script type="text/javascript"> Ext.onReady(function() { var panel1 = { xtype : 'form', title : 'Form Panel', defaults : { width : 150 }, items : [ { xtype : 'textfield', fieldLabel : 'Name' }, { xtype : 'checkbox', fieldLabel : 'Do you love Ext?' }, { xtype : 'combo', fieldLabel : 'Choose Version', store : [ '3.0', '2.0', '1.0' ] } ] } new Ext.Window({ width : 300, height : 300, title : 'Accordion window', layout : 'accordion', border : false, layoutConfig : { animate : true }, items : [panel1,panel1,panel1,] }).show(); }); </script> <div id='div1'>asdf</div> </body> </html>