View Full Version : [SOLVED] "outdent" check boxes on a form?

14 Sep 2009, 5:39 PM
Since check boxes have a built in label as it were, is there any easy way on a form with field labels to get a check box group to pull back to the left even with the field labels without resorting to a separate nesting for the check boxes?


Label 1: [ ]
Label 2: [ ]
[ } Check Box 1 [ ] Check Box 2
Label 3: [ ]

The answer was "hideLabel: true"

15 Sep 2009, 7:31 AM
Using FireBug I found the two div tags I need to manipulate the padding-left on, but I can't seem to override the second inner div wrapping the check box group. see attachment. here is the relevant form layout:

}, {
xtype: 'checkboxgroup',
items: [
{boxLabel: 'Need Plan', name: 'cb-auto-1', labelStyle: 'padding-left: 0px;'},
{boxLabel: 'URT Scope', name: 'cb-auto-5'}
labelStyle: 'padding-left: 0px;'
}, {

Only the bolded labelStyle is actually being applied. the other inner one above was just an attempt that is not working.