I followed that explanation and used the cls option of my main panel instance (normal panel, not extended). Now i have the problem that the height and width of the css class aren't correctly delivered to the main panel.
Here an example:
CSS:
Code:
.custom-mainpanel {
width: 600;
height: 300;
}
JS:
Code:
var mainPanel = new Ext.Panel({
cls: 'custom-mainpanel',
fullscreen: false,
floating: true,
hideOnMaskTap: false
}).show();
When i view the result vie firebug, the mainPanel has a height of 481px and a width of 600px. Where does the additional 181px come from?
Hope someone can give me a hint.
kind regards
EDIT: i found out that it depends on the dockeditems of the panel.