show radio group on one row

[wisecounselor]

I have a FormPanel with a single field set, standard right aligned labels, mostly text boxes, but I need one small radio group, and I have it added, but I can't get it on a single row, it puts each radio button on a row. I realize this is standard op, so I know I need to pass in an html template snippet or something to make them line up on one row, can someone point in the right direction?

Brian

[parveenbeniwal]

'table' layout is the option for that. Define layout for the fieldset and put the radio buttons in a FieldSet.

items: [new Ext.form.FieldSet({
title: 'Gender',
layout: 'table',
layoutConfig:{
colspan: 2
},
height: 60,
items: [new Ext.form.Radio({
boxLabel: 'Male',
checked: 'true',
id: 'rad1',
value: 'Male',
width: 100,
name: 'radioGroup'
}), new Ext.form.Radio({
boxLabel: 'Female',
id: 'rad2',
value: 'Female',
width: 100,
name: 'radioGroup'
})]
})]

[catacaustic]

Table works. You can also define a column layout that contains the radio buttons as well. There's examples of columns in the form examples in the docs.