dimanche 6 juillet 2014

Problem formatting a Checkbox Grid

The checkbox "grid" is produced with the following Code (a label followed by three fieldsets):



Code:



},{
xtype : 'label',
cls : 'spp-title',
html : 'Species',
locales : {
html : 'main.settings.species.title'
}
},{
xtype : 'fieldset',
cls : 'spp-head',
layout : 'hbox',
items : [{
xtype : 'label',
width : '40%'
},{
xtype : 'label',
width : '20%',
html : 'Residents',
locales : {
html : 'main.settings.species.residents'
}
},{
xtype : 'label',
width : '20%',
html : 'Migrants',
locales : {
html : 'main.settings.species.migrants'
}
},{
xtype : 'label',
width : '20%',
html : 'Vagrants',
locales : {
html : 'main.settings.species.vagrants'
}
}]
},{
xtype : 'fieldset',
cls : 'spp-au',
layout : 'hbox',
items : [{
xtype : 'checkboxfield',
id : 'auresident',
value : 1,
label : 'Australian',
locales : {
label : 'main.settings.species.australia'
},
labelWidth : '66%',
width : '60%',
checked : true
},{
xtype : 'checkboxfield',
id : 'aumigrant',
value : 2,
width : '20%',
checked : true
},{
xtype : 'checkboxfield',
id : 'auvagrant',
value : 4,
width : '20%',
checked : true
}]
},{
xtype : 'fieldset',
cls : 'spp-ys',
instructions : 'Select one or more groups',
locales : {
instructions : 'main.settings.species.instructions'
},
layout : 'hbox',
items : [{
xtype : 'checkboxfield',
id : 'ysresident',
value : 8,
label : 'Yellow Sea',
locales : {
label : 'main.settings.species.yellowsea'
},
labelWidth : '66%',
width : '60%',
checked : false
},{
xtype : 'checkboxfield',
id : 'ysmigrant',
value : 16,
width : '20%',
checked : false
},{
xtype : 'checkboxfield',
id : 'ysvagrant',
value :32,
width : '20%',
checked : false
}]
},{




Aucun commentaire:

Enregistrer un commentaire