Fieldgroup checkbox line wrap

[rafaelrp]

Hello!

How can i make the checkboxes wrap the line?

Here's the code:


{
xtype : 'fieldcontainer',
combineErrors : true,
msgTarget : 'side',
layout : 'hbox',
defaults : {
margin : '0 10 0 0'
},
items : [
{
xtype : 'checkboxfield',
name : 'cbxMostraAlerta',
id : 'cbxMostraAlerta',
fieldLabel : 'Mostrar Alertas'
},
{
xtype : 'checkboxfield',
name : 'cbxSitDiaria',
id : 'cbxSitDiaria',
fieldLabel : 'Situação Diária'
},
{
xtype : 'checkboxfield',
name : 'cbxSitSemanal',
id : 'cbxSitSemanal',
fieldLabel : 'Situação Semanal'
},
{
xtype : 'checkboxfield',
name : 'cbxDetalhado',
id : 'cbxDetalhado',
fieldLabel : 'Relatório Detalhado'
}
]
}



Thanks ! ~o)

[scottmartin]

This seems to wrap text as expected:



Ext.create('Ext.form.Panel', {
bodyPadding: 10,
width: 300,
title: 'Pizza Order',
items: [
{
xtype: 'fieldcontainer',
fieldLabel: 'Toppings',
defaultType: 'checkboxfield',
items: [
{
fieldLabel : 'Anchovies',
name : 'topping',
inputValue: '1'
}, {
fieldLabel : 'Artichoke Hearts - this is a longer field',
name : 'topping',
inputValue: '2',
checked : true
}, {
fieldLabel : 'Bacon',
name : 'topping',
inputValue: '3'
}
]
}
],
renderTo: Ext.getBody()
});


36481

Regards,
Scott.

[rafaelrp]

Thanks Scott !.

~o)