DHTMLxForm is not rendered properly.

Suite and Optimus Suite 5
#1

I am trying to create wizards using tsf wizards framework(Javascript Framework) with embedded dhtmlxForms.
– Different sections in wizard are defined by div as follows.

	<div id="STEP1" style="width: 100%;height:600PX;">
	     <h> Content 1</h>
	</div>

– Rendering a DHTMLX form (or any other DHTMLX component) in a particular section is achieved by passing the div id (defined above) to dhtmlXLayoutObject as follows.

var layout1 = new dhtmlXLayoutObject("STEP1", "1C");
layout1.cells("a").hideHeader();
var form1 = layout1.cells("a").attachForm();
form1.loadStruct(form1Json,"json");

But when I execute it, for the step1 form is loaded properly.

After navigating to next steps, form is actually loaded but dhtmlx style is overridden causing the next section to be blank.

Upon inspecting HTML in browser the style attribute for div with classnames .dhxlayout_cont, .dhx_cell_cont_layout and .dhx_cell_layout seems to have value ‘style=“left: 0px; width: 0px; top: 0px; height: 0px;”’.
After changing the style values for div with classnames .dhxlayout_cont, .dhx_cell_cont_layout and .dhx_cell_layout to ‘style=“left: 0px;width: 1138px; top: 0px; height: 600px;”’ form was loaded.