formpanel within fieldset not working...

[Dano_Cuba]

Hi all.

I'm trying to put a radio button, but it's not working to me. I used a formpanel like documentation show to radio field, but when i try to see it in a fieldset, i see the other field but not the radio buttons.

Any body can tell me what is wrong in my code:

Ext.define('MyFirstSencha.view.Contact', {
    extend:'Ext.form.FieldSet',
    xtype: 'contactform',
    
    config:{
        title: 'Contact',
        layout : 'vbox',
        iconCls: 'user',


        items: [
            {
                xtype: 'textfield',
                name: 'name',
                label: 'Name'    
            },
            {
                xtype: 'emailfield',
                name: 'email',
                label: 'Email'    
            },
            {
                xtype: 'textareafield',
                name: 'message',
                label: 'Message'    
            },
            {
                xtype: 'formpanel',
                config: { 
                    title: 'Radios',
                    layout: 'vbox',                    
                    items: [
                                {
                                    xtype: 'radiofield',
                                    name : 'color',
                                    value: 'red',
                                    label: 'Red',
                                    checked: true
                                },
                                {
                                    xtype: 'radiofield',
                                    name : 'color',
                                    value: 'green',
                                    label: 'Green'
                                },
                                {
                                    xtype: 'radiofield',
                                    name : 'color',
                                    value: 'blue',
                                    label: 'Blue'
                                }
                            ]
                }
            }
        ]
    }
});

I tried wtith differents layout but nothing changes!!

[Steffen Hiller]

You should put fieldsets within forms, not the other way around.

Try removing the formpanel around your radio fields:
http://www.senchafiddle.com/#f3PQN (Press Run)

[Dano_Cuba]

Hi, Steffen, thanks for reply.

I know this is a way, in fact this works to me earlier, but i just want a panel surrounding the radio buttons, to give it a title, in this case "select color" for example, and to get this like one control, i don't want the red option in the same level of name.

Am I clear? Do you have another solution?

Thanks again!

[mitchellsimoens]

You have "layout : 'vbox'" on your fieldset and need to give the formpanel a size so it can show. Give it flex : 1 and see where that gets you.

[Dano_Cuba]

Hi Mitchell.

Thanks for replying.

I try with your advice (use flex: 1), but it not works, i can't see this formpanel.
I was trying to use height and width in the formpane, because I remembered when you explain me some days ago about some controls need we specify the size explicit, but nothing happen,

Another idea?

Thanks in advance!

[jerome76]

Try this out:

    
Ext.define('MyFirstSencha.view.Contact', {
    extend:'Ext.form.FieldSet',
    xtype: 'contactform',  
    config: {
        title: 'Contact',
        layout : 'vbox',
        iconCls: 'user',
        items: [
            {
                xtype: 'textfield',
                name: 'name',
                label: 'Name'    
            },
            {
                xtype: 'emailfield',
                name: 'email',
                label: 'Email'    
            },
            {
                xtype: 'textareafield',
                name: 'message',
                label: 'Message'    
            },
            {
                xtype: 'fieldset',
                //flex: 1, 
                title: 'Radios',
                //layout: 'vbox',                    
                items: [
                    {
                        xtype: 'radiofield',
                        name : 'color',
                        value: 'red',
                        label: 'Red',
                        checked: true
                    },
                    {
                        xtype: 'radiofield',
                        name : 'color',
                        value: 'green',
                        label: 'Green'
                    },
                    {
                        xtype: 'radiofield',
                        name : 'color',
                        value: 'blue',
                        label: 'Blue'
                    }
                ]   
            }
        ]
    }//end config
});

You had a 'config' in your formpanel that should not have been there, also I changed it to a fieldset and it works.

[mitchellsimoens]

Didn't notice that config object, that was an issue. This works for me:

Ext.define('MyFirstSencha.view.Contact', {
    extend : 'Ext.form.FieldSet',
    xtype  : 'contactform',

    config : {
        title   : 'Contact',
        layout  : 'vbox',
        iconCls : 'user',

        items : [
            {
                xtype : 'textfield',
                name  : 'name',
                label : 'Name'
            },
            {
                xtype : 'emailfield',
                name  : 'email',
                label : 'Email'
            },
            {
                xtype : 'textareafield',
                name  : 'message',
                label : 'Message'
            },
            {
                xtype  : 'formpanel',
                flex   : 1,
                title  : 'Radios',
                items  : [
                    {
                        xtype   : 'radiofield',
                        name    : 'color',
                        value   : 'red',
                        label   : 'Red',
                        checked : true
                    },
                    {
                        xtype : 'radiofield',
                        name  : 'color',
                        value : 'green',
                        label : 'Green'
                    },
                    {
                        xtype : 'radiofield',
                        name  : 'color',
                        value : 'blue',
                        label : 'Blue'
                    }
                ]
            }
        ]
    }
});

[Dano_Cuba]

It, works! True, the last problem was with the incorrect config.

Great!
Thanks!!