View Full Version : render issue with IE6 when layout is form

10 Feb 2011, 3:29 PM
I have set of checkboxes 3 columns wide, seems good and looks like this
But in IE(6) you click around and the checkboxes hide

So I played with it and found that it's because I have layout : form.
once I comment that out it works correctly.

But I want the lables to show like a form layout.

Thoughts ?


var form = new Ext.Panel({
renderTo: 'searchDialog',
//layout : 'form', <<<<<----------- Issue
title: 'Profile Search',
labelWidth: 100,
autoHeight: true,
autoWidth: true,
bodyStyle: 'padding: 5px',
defaults: {},
items: [{
xtype: 'checkboxgroup',
id: 'regionChkGroup',
fieldLabel: 'Region selection',
columns: 3,
items: [{
boxLabel: 'All Regions',
name: 'allRegions',
checked: true

}, {
xtype: 'combo',
fieldLabel: 'Position',
id: 'positionCombo',
width: '450',
store: positionStore,
valueField: 'POSITION_ID',
typeAhead: true,
mode: 'local',
forceSelection: true,
triggerAction: 'all',
emptyText: 'All',
selectOnFocus: true
}, {
xtype: 'fieldset',
title: 'Specialities',
collapsible: true,
items: grid
}, {
xtype: 'container',
layout: 'hbox',
layoutConfig: {
align: 'middle',
pack: 'end'
items: [{
xtype: 'button',
text: 'Search',
width: 100,
handler: function(){

}, {
layout: 'form',
labelWidth: 150,
border: false,
id: 'countForm',
items: [{
xtype: 'textfield',
name: 'count',
id: 'countField',
fieldLabel: 'Number of matching users',
readOnly: true,
width: 50