I am getting the columns miss-aligned when using colspan.
XML file
<form id="form" dataContainer="stylePreCostDc" captionPosition="TOP">
<column width="150px">
<textField id="costingNoField" property="costingNo" editable="false"/>
<textField id="fabricCompositionField" property="fabricComposition" colspan="2" width="100%"/>
</column>
<column width="150px">
<dateField id="costingDateField" property="costingDate"/>
</column>
<column width="150px">
<lookupField id="stylePreCostTemplateField" property="stylePreCostTemplate" colspan="2"
optionsContainer="stylePreCostTemplatesDc" width="100%"/>
<textField id="styleNoField" property="styleNo"/>
</column>
<column width="150px">
<textField id="orderQuantityField" property="orderQuantity"/>
</column>
<column width="150px">
<textField id="itemDescField" property="itemDesc"/>
<lookupPickerField id="customerProfileField" width="100%" optionsContainer="customerProfilesDc"
property="customerProfile" colspan="2"/>
</column>
<column>
<pickerField id="materialField" property="material">
<actions>
<action id="lookup" type="picker_lookup"/>
<action id="clear" type="picker_clear"/>
</actions>
</pickerField>
</column>
<column width="150px">
<lookupField id="currencyField" property="currency" optionsContainer="currenciesDc"
editable="false"/>
<lookupField id="articleSizeField" property="articleSize" optionsContainer="articleSizesDc"/>
</column>
</form>
I am using all the latest versions of the platform and Studio using Safari or FireFox.