GXT - Button near a text field in a form

[salvin francis]

I am using Ext-GWT in an application,
I need to display a button besides a text field in a form,

This is what I have done so far:

ContentPanel fieldsPanel = new ContentPanel();
fieldsPanel.setFrame(false);
fieldsPanel.setHeaderVisible(false);
fieldsPanel.setBodyBorder(false);
fieldsPanel.setBorders(false);
fieldsPanel.setWidth(400);
fieldsPanel.setHeight(500);

FormLayout formLayout = new FormLayout();
formLayout.setLabelWidth(150);
fieldsPanel.setLayout(formLayout);

for(int n=0;n<5;n++)
{
    TextField<String> field = new TextField<String>();    
    field.setFieldLabel("Field "+n);
    fieldsPanel.add(sizeRangeTxt);    
}

TextField<String> sizeRangeTxt = new TextField<String>();    
sizeRangeTxt.setFieldLabel("Size Range");
fieldsPanel.add(sizeRangeTxt);

fieldsPanel.add(new Button("look up"));

It renders the button below my textfield, i need to render it besides it (and yet not misalign all other controls already on the form), what do i do ?

For reference, this question is also asked in the following forum:
http://www.extjs.com/forum/showthread.php?99731-Textfield-combobox-with-a-lookup-button-in-a-form&p=469542#post469542