0

The size of my checkboxgroup is not enough to show all checkboxes.

Here is a fiddle: https://fiddle.sencha.com/#fiddle/1169

The checkboxes below "Show these detail columns" are not completely visible. I would like to change that, but I don't find my error. If I drag the window to increase its size, the checkboxes are shown, but since my window will contain more and more and more options, they have to be shown while the scrollbar is visible.

Alexander
  • 19,906
  • 19
  • 75
  • 162

2 Answers2

1

You dont need vbox layout for your fieldset and hbox layout for your checkboxgroup as this components by default render its items vertically and horizontally, respectively.

Updated fiddle

Simply remove this properties and all will work just fine:

{
    xtype: 'fieldset',
    title: 'Columns',
    items: [{
        xtype: 'checkboxgroup',
        fieldLabel: 'Show these detail columns',
        labelAlign:'top',
        items:[{
            name:'ShowDetail',
            boxLabel: 'Date',
            inputValue:'time'
        },{
            name:'ShowDetail',
            boxLabel: 'Subject',
            inputValue:'title'
        },{
            name:'ShowDetail',
            boxLabel: 'Author',
            inputValue:'owner'
        },{
            name:'ShowDetail',
            boxLabel: 'First three words',
            inputValue:'content'
        },{
            name:'ShowDetail',
            boxLabel: 'Parent',
            inputValue:'category'
        }]
    }]
}
Sergey Novikov
  • 4,096
  • 7
  • 33
  • 59
1

I am not sure about Snecha , but I think on changing this margin it will work. I verified it by making changes in the jsfiddle 

defaults:{
        margin:'0 0 10 10'  
    },

to

defaults:{
        margin:'0 0 15 10'
},
brk
  • 48,835
  • 10
  • 56
  • 78
  • Sorry, I forgot to mark the other answer as correct. I tested your change and it works, too, hence the upvote; but I guess using less code is preferable over using more code. – Alexander Dec 01 '15 at 11:09
  • my answer does not even have any code change, I just changed the margin value, which you added. Thanks :) – brk Dec 01 '15 at 11:31