Condor, that would help if I wanted to change the form's background color to "#DFE8F6" explicitly with a stylesheet.
But what I'd rather do is just have the TabPanel take on the normal background color for a plain FormPanel (#DFE8F6 using the defaul Ext JS theme) rather than the usual white. Preferably without stylesheet hacks so I can preserve the ability to easily use themes.
Here's a sample slice of my code:
Code:
// Meanwhile, inside the Viewport...
{
region: "center",
xtype: "tabpanel",
id: "maintabs",
enableTabScroll:true,
activeTab: 0,
tabPosition: "top",
deferredRender: false,
defaults: { closable: false, autoScroll: true, border: false },
items: [
ProjectForm = new Ext.FormPanel({
id: "panelProjectForm",
formId: "ProjectForm",
title: localize_tab_projectform,
url: "loglist-ajax.aspx",
bodyStyle: "padding: 10px",
defaultType: "textfield",
items: [
{ xtype: "hidden", name: "guid", value: projectguid },
{ xtype: "hidden", name: "Command", value: "Save" },
{ fieldLabel: localize_project_formlabel_title, value: localize_project_formvalue_title, name: "title", allowBlank: false, anchor: "95%" },
{ fieldLabel: localize_project_formlabel_description, value: localize_project_formvalue_description, name: "description", allowBlank: true, anchor: "95%", xtype: "htmleditor" }
]
}),
// ... More tabs defined here