How to group sencha touch 2 radio fields

Question

This is my sencha touch 2 code:

Ext.define("10.view.Main", {
    extend: 'Ext.form.Panel',

    requires: ['Ext.form.FieldSet'],

    config: {
        title: 'Main',
        scrollable: 'both',
        editable: false,

        items: [{
            xtype: 'fieldset',
            items: [{
                xtype: 'radiofield',
                name: 'color',
                value: 'red',
                label: 'Red',
                checked: true
            },

            {
                xtype: 'radiofield',
                name: 'color',
                value: 'blue',
                label: 'Blue'
            }]
        }]
    }
});

Here is the preview of the code. What I get is this:

I want to group my radio fields like given below.

How can I do it?

JenteCe JenteCe · Accepted Answer · 2013-05-29T07:56:46

At the following link you can find an example. Hope it works for you. http://sureshdotariya.blogspot.be/2013/05/how-to-group-radio-buttons-in-form.html

Greets

How to group sencha touch 2 radio fields

1 Answers