Hi,

I created a form ...
code is as follows ....


var fsf = new Ext.FormPanel({
labelWidth: 175, // label settings here cascade unless overridden
url:'save-form.php',
frame:true,
title: 'Simple Form with FieldSets',
bodyStyle:'padding:5px 5px 0',
width: 550,
items: [
new Ext.form.FieldSet({
title: 'Create New Invitation',
autoHeight: true,
defaultType: 'textfield',
items: [{
fieldLabel: 'Invitation Name',
name: 'invitationName',
allowBlank:false
},{
fieldLabel: 'Type',
name: 'type'
},{
fieldLabel: 'Gift / Value',
name: 'gift'
},
new Ext.form.DateField({
fieldLabel: 'Start Date',
name: 'startdt',
id: 'startdt',
vtype: 'daterange',
endDateField: 'enddt', // id of the end date field
allowBlank:false
}),
new Ext.form.DateField({
fieldLabel: 'End Date',
name: 'enddt',
id: 'enddt',
vtype: 'daterange',
startDateField: 'startdt', // id of the start date field
allowBlank:false
})
]
}),
new Ext.form.FieldSet({
title: 'Where Invitee will be sent ?',
collapsible: true,
autoHeight:true,
collapsed: true,
defaultType: 'textfield',
items :[{
fieldLabel: 'Destination URL',
name: 'url'
}]
}),
new Ext.form.FieldSet({
title: 'Invitation Settings',
collapsible: true,
autoHeight:true,
collapsed: true,
xtype: 'vx-radiogroup',
fieldlabel: 'group 1',
name: 'group1',
radios:[{
value:0,
checked:true, //optional
boxLabel:'box 1' //optional
}, {
value:1,
boxLabel:'box 2' //optional
}, {
value:2,
boxLabel:'box 3' //optional
}]
}),
new Ext.form.FieldSet({
title: 'Describe the Invitation',
collapsible: true,
autoHeight:true,
collapsed: true,
defaultType: 'textarea',
items :[{
fieldLabel: 'About',
name: 'about'
}]
}),
new Ext.form.FieldSet({
title: 'Your Invitation Target and what you intend to gift to successful invitations',
collapsible: true,
autoHeight:true,
collapsed: true,
defaultType: 'textfield',
items :[{
fieldLabel: 'Target',
name: 'target'
},{
fieldLabel: 'Reward',
name: 'reward'
}]
})
],

buttons: [{
text: 'Save'
},{
text: 'Cancel'
}]
});

fsf.render(document.body);

});



Radio Code :
new Ext.form.FieldSet({
title: 'Invitation Settings',
collapsible: true,
autoHeight:true,
collapsed: true,
xtype: 'vx-radiogroup',
fieldlabel: 'group 1',
name: 'group1',
radios:[{
value:0,
checked:true, //optional
boxLabel:'box 1' //optional
}, {
value:1,
boxLabel:'box 2' //optional
}, {
value:2,
boxLabel:'box 3' //optional
}]
}),

I have used this code for Creating Radio Group ....
But Radio Group is not get Display on the Page .....

Please help me for this ... Why this is happening ...

Thanks In Advance ...