Sencha Touch 2 - RadioGroup 2 Column solution
{
itemId: 'companhia',
layout: 'vbox',
items: [
{
xtype : 'panel',
cls: 'companhia',
items : [
{
cls: 'perguntas-header closed',
layout: 'hbox',
items: [
{
cls: 'perguntas-label',
html: '<h1>Companhia:</h1>',
flex: 1
},
{
cls: 'perguntas-option-selected',
itemId: 'companhia-option-selected',
html: 'A Dois',
flex: 2
}
]
},
{
xtype : "button",
action : "toggleRespostas"
}
]
},
{
cls: 'perguntas-options',
layout : 'vbox',
defaults: {
layout : 'hbox',
xtype: 'fieldset',
ui: 'none',
defaults: {
xtype: 'radiofield',
name: 'companhia-options',
labelAlign: 'right',
labelWrap: true,
labelWidth: '78%',
width: '50%'
}
},
items: [
{
items: [
{
label: 'Amigos',
value: '1',
checked: true
},
{
label: 'A dois',
value: '2'
}
]
},
{
items: [
{
label: 'Pessoal do Trabalho',
value: '3'
},
{
label: 'Família',
value: '4'
}
]
}
]
}
]
},
Comments