newcolumn offset attribute doesn't work

Suite and Optimus Suite 5
#1

no matter how I changed the offset, there is no space between two items.
I am using IE9






#2

I did a interesting test. if the form is inside a tab, then newcolumn offset is not working.
the same form but without outside tab, then the new column offset is working.
how can fix this? thanks

dhtmlxDemo 
<link rel="stylesheet" type="text/css" href="Codebase/dhtmlxgrid.css">
<link rel="stylesheet" type="text/css" href="Codebase/dhtmlxtabbar.css">
<link rel="stylesheet" type="text/css" href="Codebase/skins/dhtmlxform_dhx_skyblue.css">
<link rel="stylesheet" type="text/css" href="Codebase/dhtmlxcombo.css">
<link rel="stylesheet" type="text/css" href="Codebase/dhtmlxcalendar.css">
<link rel="stylesheet" type="text/css" href="Codebase/skins/dhtmlxcalendar_dhx_skyblue.css">

<script type="text/javascript" src="Codebase/dhtmlxcommon.js"></script>
<script type="text/javascript" src="Codebase/dhtmlxgrid.js"></script>
<script type="text/javascript" src="Codebase/dhtmlxgridcell.js"></script>
<script type="text/javascript" src="Codebase/dhtmlxtabbar.js"></script>
<script type="text/javascript" src="Codebase/dhtmlxtabbar_start.js"></script>
<script type="text/javascript" src="Codebase/dhtmlxform.js"></script>
<script type="text/javascript" src="Codebase/ext/dhtmlxform_item_combo.js"></script>
<script type="text/javascript" src="Codebase/dhtmlxcombo.js"></script>
<script type="text/javascript" src="Codebase/dhtmlxcalendar.js"></script>
<script type="text/javascript" src="Codebase/ext/dhtmlxform_item_calendar.js"></script>

<script>
	window.dhx_globalImgPath = "Codebase/imgs/";
	var myCustomerContractForm = null;
	var myCustomerContractForm1 = null;
	
    function buildInterface(){
        //entire code for interface init will go here

		//init customerContractForm
		myCustomerContractForm = new dhtmlXForm("customerContractForm");
		myCustomerContractForm.loadStruct("xml/contractForm.xml");
		//init customerContractForm1
		myCustomerContractForm1 = new dhtmlXForm("customerContractForm1");
		myCustomerContractForm1.loadStruct("xml/contractForm.xml");
	}
	
</script>
hello
test
#3

hi

please provide completed demo including all corresponding js/css files.

#4

please check the zip file which have all you need for demo.
and by somehow it looks that the empty label for labelHeight is working in this demo. but the newcolumn offset is still the problem. I don’t know why. Just feel something affecting each other…
dhtmlxFormNewColumnDemo.zip (392 KB)

#5

hi

remove / comment ths one (dhtmlxform_dhx_skyblue.css)
div.dhtmlx_wins_body_inner .dhxlist_obj_dhx_skyblue div.dhxlist_base div.dhxlist_base, td.dhtmlxLayoutSinglePoly .dhxlist_obj_dhx_skyblue div.dhxlist_base div.dhxlist_base, .dhx_tabcontent_zone .dhxlist_obj_dhx_skyblue div.dhxlist_base div.dhxlist_base, div.dhx_acc_item .dhxlist_obj_dhx_skyblue div.dhxlist_base div.dhxlist_base {
margin: 0 !important;
}

or replace “margin: 0 !important;” width “margin: 0;”

#6

I did as your suggestion. it is working now. thanks. But … I thought that code was for something, is that possible that something else will happen without that code?