PDA

View Full Version : Form Color



rtucker
3 Sep 2009, 4:10 PM
Hi, I created a form using the table layout. It renders correctly, however the form is all white. I'd like it to be the default blue. What's the correct way to set the color of the form. Here's my code


CAIBRForm = function(){
// this.baseAptPanel = new BaseAptIBRPanel()
CAIBRForm.superclass.constructor.call(this,{
title: 'Apartment IBR',
width: 800,
closable: true,
autoScroll: true,
border:false,

items:[{
layout:'table',
border:false,
layoutConfig:{
columns:3
},

items: [{
layout:'form',
border:false,
items:[{
xtype: 'textfield',
border: false,
name: 'id',
fieldLabel: 'Building Number'
}]
},{
layout:'form',
border:false,
items:[{
xtype: 'combo',
store: App.chapterStore,
mode: 'local',
valueField: 'id',
displayField: 'name',
name: 'chapter',
fieldLabel: 'Chapter',
allowedBlank: true,
hiddenName: 'chapter',
hiddenId: 'chapter_id',
readOnly:true
}]

},{
layout:'form',
border:false,
items:[{
xtype: 'combo',
store: App.metroStore,
mode: 'local',
valueField: 'id',
displayField: 'name',
name: 'metro',
fieldLabel: 'Location',
allowedBlank: true,
hiddenName: 'metro',
hiddenId: 'metro_id',
readOnly:true
}]

},{
layout:'form',
border:false,
items:[{
xtype: 'combo',
store: App.buildingTypeStore,
mode: 'local',
valueField: 'id',
displayField: 'description',
name: 'building_type',
hiddenName: 'building_type',
hiddenId: 'building_type_id',
fieldLabel: 'Building Type',
allowedBlank: true,
hidden: false,
hideLabel: false,
readOnly:true
}]

},{
layout:'form',
border:false,
items:[{
xtype: 'textfield',
name: 'city',
fieldLabel: 'City'
}]
},{
layout:'form',
border:false,
items:[{
xtype: 'combo',
store: App.regionStore,
mode: 'local',
valueField: 'id',
displayField: 'description',
name: 'region',
hiddenName: 'region',
hiddenId: 'region_id',
fieldLabel: 'Region',
allowedBlank: true,
hidden: false,
hideLabel: false,
readOnly:true
}]
},{
layout:'form',
border:false,
items:[{
xtype: 'textfield',
name: 'numparkingenclosed',
fieldLabel: 'Year Build'
}]
},{
layout:'form',
border:false,
items:[{
xtype: 'combo',
store: App.agentStore,
mode: 'local',
name: 'agent',
valueField: 'id',
displayField: 'name',
hiddenName: 'agent',
hiddenId: 'agent_id',
fieldLabel: 'Agent',
allowedBlank: false,
hidden: false,
hideLabel: false,
readOnly: true,
disabled: true
}]
}]
}]




});
}

Ext.extend(CAIBRForm, Ext.form.FormPanel, {

});

david l
4 Sep 2009, 2:49 PM
frame: true