Layout problem

Problem is items are not staying in the same line.

1)GWT 2.5.0

2)ALL bowsers

3) Java class is

public class TextAreaItemWithLink extends CanvasItem {


//UI Fields
private String name;
private DynamicForm dynamicForm = new DynamicForm();
public TextAreaItem txtAreaItem;
public ButtonItem buttonItem;

public TextAreaItemWithLink() {
super();
createLayout();
}

private void createLayout() {

txtAreaItem = new TextAreaItem();
txtAreaItem.setTitle(CaseFormUtil.getString("case. note"));
txtAreaItem.setWidth("300");
txtAreaItem.setHeight("190");
txtAreaItem.setRequired(true);
txtAreaItem.setValidators(CustomerFormUtil.getSpec ialCharactersFieldValidator());


buttonItem = new ButtonItem();
buttonItem.setTitle(CustomerFormUtil.getString("ca se.note.attachment"));
buttonItem.setStartRow(false);
buttonItem.setAutoFit(true);
buttonItem.setWidth("250");
buttonItem.setOverflow(Overflow.CLIP_V);

dynamicForm.setFields(txtAreaItem, buttonItem);

setCanvas(dynamicForm);
}

public void showCustomizeValuesButton(boolean val){
buttonItem.setVisible(val);
}

public Object getSelectedValue(){
return txtAreaItem.getValue();
}

public String getSelectedDisplayValue(){
return txtAreaItem.getDisplayValue();
}

@Override
public void setValue(String value) {
if(value != null && value.length() > 0){
storeValue(value);
}else{
clearValue();
}

super.setValue(value);
}

@Override
public Object getValue() {
return txtAreaItem.getValue();
}

public SelectItem getItem(){

return getItem();
}

public String getName() {
return name;
}

public void setName(String name) {
this.name = name;
}
}

Attached Images

results.JPG (25.3 KB)