PDA

View Full Version : feildset css issue



nadeemshafi9
10 Jul 2009, 7:31 AM
hi guys
i am having issues with field sets in IE they dont seem to be showing proper padding and margins they are stuck together and there titles are wrapped




xtype: 'form',
region: 'center',
labelWidth: 100,
minheight: 320,
id: 'updateConferenceFormPanel_'+m[0].data.id,
listeners: {
clientvalidation: function(formpanel, isvalid){
var panel = Ext.getCmp('updateConferencePanel_'+m[0].data.id)
if(formpanel.getForm().isDirty()){
if(panel.title.indexOf('*',0)){
panel.setTitle('*'+panel.title);
}
}
else {
panel.setTitle(panel.title.replace('*',''));
}
}
},
monitorValid: true,
border: false,
layout: 'border',
items: [{
xtype: 'fieldset',
region: 'center',
layout: 'column',
border: false,
items: [{
xtype: 'fieldset',
columnWidth: 0.5,
layout: 'column',
border: false,
autoHeight: true,
items: [{
xtype: 'fieldset',
title: 'Site Details',
bodyStyle: 'padding:10px 10px 10px 10px',
columnWidth: 0.958,
layout: 'form',
itemCls: 'textfeilds_two_column',
autoHeight: true,
items: [{
xtype: 'hidden',
name: 'id',
value: m[0].data.id
},{
xtype: 'combo',
allowBlank: false,
id:'portal_id_combo_'+m[0].data.id,
name: 'portal_id_combo_'+m[0].data.id,
hiddenName: 'portal_id',
width: 300,
fieldLabel: 'Property',
store: new Ext.data.JsonStore({
url: '/api/users/userspropertiesgridjson',
root: 'items',
baseParams: {
user_id: {$user->user_id}
},
fields: ['id', 'name'],
autoLoad: true,
listeners: {
load: function(){
if(Ext.getCmp('portal_id_combo_'+m[0].data.id)){
Ext.getCmp('portal_id_combo_'+m[0].data.id).reset();
}
}
}
}),
tpl: new Ext.XTemplate(
'<tpl for=\".\"><div ext:qtip=\"Filter grid by {name}\" class=\"x-combo-list-item\">{name}</div></tpl>'
),
displayField: 'name',
value: m[0].data.portal_id,
valueField: 'id',
valueNotFoundText: 'value not found',
emptyText: 'Select a property.',
typeAhead: true,
minChars: 1,
mode: 'remote',
triggerAction: 'all',
selectOnFocus: true,
forceSelection: true
},{
xtype: 'textfield',
disabled: true,
allowBlank: false,
name: 'current_users',
emptyText: 'Current Users',
fieldLabel: 'Current Users',
value: m[0].data.current_users
}]
},{
xtype: 'fieldset',
title: 'Client Name',
bodyStyle: 'padding:10px 10px 10px 10px',
layout: 'form',
itemCls: 'textfeilds_two_column',
columnWidth: 0.958,
autoHeight: true,
items: [{
xtype: 'textfield',
name: 'name',
allowBlank: false,
emptyText: 'Client Name',
fieldLabel: 'Client Name',
value: m[0].data.name
}]
},{
xtype: 'fieldset',
title: 'Voucher Details',
bodyStyle: 'padding:10px 10px 10px 10px',
layout: 'form',
itemCls: 'textfeilds_two_column',
columnWidth: 0.958,
autoHeight: true,
items: [{
xtype: 'textfield',
name: 'max_users',
allowBlank: false,
emptyText: 'Max Users',
fieldLabel: 'Max Users',
value: m[0].data.max_users
},{
xtype: 'textfield',
allowBlank: false,
name: 'host_id',
emptyText: 'Host',
fieldLabel: 'Host',
value: m[0].data.host_id
},{
xtype: 'textfield',
name: 'user',
allowBlank: false,
emptyText: 'Username',
fieldLabel: 'Username',
value: m[0].data.user
},{
xtype: 'textfield',
name: 'pass',
allowBlank: false,
emptyText: 'Password',
fieldLabel: 'Password',
value: m[0].data.pass
}]
}]
},{
xtype: 'fieldset',
columnWidth: 0.5,
layout: 'column',
border: false,
autoHeight: true,
items: [{
xtype: 'fieldset',
title: 'Dates',
bodyStyle: 'padding:10px 10px 10px 10px',
layout: 'form',
columnWidth: 0.958,
itemCls: 'textfeilds_two_column',
autoHeight: true,
items: [{
xtype: 'datetimefield',
name: 'startdate',
allowBlank: false,
value: m[0].data.startdate,
emptyText: 'Select start date and time.',
fieldLabel: 'Start Date',
stripCharsRe: '1970-01-01 00:00:00',
dateFormat:'Y-m-d',
timeFormat:'H:i:s'
},{
xtype: 'datetimefield',
name: 'expiredate',
allowBlank: false,
value: m[0].data.expiredate,
emptyText: 'Select expire date and time.',
fieldLabel: 'Expire Date',
stripCharsRe: '1970-01-01 00:00:00',
dateFormat:'Y-m-d',
timeFormat:'H:i:s'
}]
},{
xtype: 'fieldset',
title: 'Invoice',
bodyStyle: 'padding:10px 10px 10px 10px',
layout: 'form',
columnWidth: 0.958,
itemCls: 'textfeilds_two_column',
autoHeight: true,
items: [{
xtype: 'textfield',
allowBlank: true,
name: 'invoice_id',
emptyText: 'Invoice Id',
fieldLabel: 'Invoice Id',
value: m[0].data.invoice_id
},{
xtype: 'datetimefield',
name: 'invoiced',
value: m[0].data.invoiced,
emptyText: 'Select invoiced date and time.',
fieldLabel: 'Invoiced',
dateFormat:'Y-m-d',
stripCharsRe: '1970-01-01 00:00:00',
timeFormat:'H:i:s'
}]
},{
xtype: 'fieldset',
title: 'Extra',
layout: 'form',
bodyStyle: 'padding:10px 10px 10px 10px',
columnWidth: 0.958,
itemCls: 'textfeilds_two_column',
autoHeight: true,
items: [{
xtype: 'checkbox',
name: 'roaming',
fieldLabel: 'Roaming',
checked: m[0].data.roaming
},{
xtype: 'checkbox',
name: 'test',
fieldLabel: 'Test',
checked: m[0].data.test
}]
}]
}]
}]
}


thanks for any help in advance