PDA

View Full Version : Layout of objects in FormPanel



elinu
28 Nov 2007, 2:57 AM
I'm having trouble with getting a column layout in a FormPanel when the items in the panel are Radio objects that have been defined outside of the FormPanel.
Code example:

var components = [];
components[0] = new Ext.form.Radio(radioButton_1);
components[1] = new Ext.form.Radio(radioButton_2);

var panel = new Ext.form.FormPanel({
bodyStyle:'padding:5px 5px 0',
border: false,
title: 'A Bid',
header: false,
layout: 'column',
layoutConfig: {columns:2},
height: "100%",
items: components
});

When I run this I get two radio buttons placed one on above the other. What I am trying to do is to place the first radio button to the left of the second one.
Any tips on how to layout objects inside a FormPanel would be very helpful. :)
Thank you!

santosh.rajan
28 Nov 2007, 3:25 AM
You have to set each button in each column. Look at the dynamic forms example.

elinu
28 Nov 2007, 5:05 AM
Ok, where is that example?
I found one example at:
http://extjs.com/deploy/ext/examples/form/dynamic.html
That uses a function FormPanel.column() that I can't find in the API for Ext 2.0 which is the version I use. Is there another example somewhere?