Change boxLabel font size

[ruifavas]

I'm using a radiogroup and would like to change the font size of the boxLabel for the RadioGroup items. Tried the cls property but no luck… Any ideas?

Code below:

{
xtype: 'radiogroup',
fieldLabel: 'Number Of Users',
allowBlank: false,
cls: 'x-test-style',
width: 250,
items: [
{ boxLabel: '1-10', name: 'num-users', inputValue: 1 } ,
{ boxLabel: '10+', name: 'num-users', inputValue: 2 },
{ boxLabel: '50+', name: 'num-users', inputValue: 3 },
{ boxLabel: '100+', name: 'num-users', inputValue: 4 },
{ boxLabel: '1000+', name: 'num-users', inputValue: 5 }
]
},

[George Skillman]

I want to set the boxLabel to a bold font so I have a similar issue. I know I can do it by manipulating the DOM, but of course that's a hack given that the DOM structure could change in future ExtJS releases. For those who are happy with the hack:

{
boxLabel: 'icky-poo',
xtype: 'radio',
listeners: {
'render': function(cb) {
var boxLabel = Ext.DomQuery.selectNode('LABEL', this.getEl().dom.parentNode);
boxLabel.style.fontWeight = 'bold';
}
}
}

[kostepanych]

Also have same problem for checkboxes.

So there is no possibility to change font style of the boxLabel without such DOM manipulating?

[Condor]

Configure your checkbox/radio/checkboxgroup/radiogroup with cls:'my-class' and use the following CSS rule:

.my-class .x-form-cb-label {font-weight: bold;}

[kostepanych]

thanks

[sawantmanojm@gmail.com]

Configure your checkbox/radio/checkboxgroup/radiogroup with cls:'my-class' and use the following CSS rule:

.my-class .x-form-cb-label {font-weight: bold;}

This is perfect solution for me. Thanks Condor