[Solved] [2.0a1] Ext.Panel doesn't show the style.

[Yossi]

My style doesn't work with the panel, when updating it through CSS.

#north, .status{
    font:normal 8pt arial, helvetica;
}
.status {
    padding:4px; background-color: #C3DAF9;
}

                new Ext.Panel({ // raw
                    region:'south',
                    el: 'status',
                    id: 'statusPanel',
                    split:false,
                    border: false,
                    //cls :'status', //This doesn't work!
                    html: '<div class="status">Welcome to the CMS panel!</div>', //Works
                    height:24,
                    margins:'0 0 0 0'
                }),

If I code with the html tag like this, with <div class="status"></div>, it works.
When I declare the 'status', it doesn't work.

This is the updating line I use for the panel:
MainPanel.statusPanel.body.update('Updating....'); //No style
MainPanel.statusPanel.body.update('<div class="status">Updating....</div>'); //Yes style

Any ideas?
That's a bug I should report? Normal Ext-JS 2 behavior?

[jack.slocum]

I don't know how this could be a bug in Ext considering Ext doesn't control CSS specificity. You will need to apply rules that match the target. e.g.

#north .x-panel-body {
// your font
}

[Yossi]

<div style="left: 0px; top: 452px; width: 1068px;" class="x-panel status x-border-panel x-panel-noborder" id="status"><div id="ext-gen66" class="x-panel-bwrap"><div style="height: 30px; width: 1060px;" id="ext-gen67" class="x-panel-body x-panel-body-noheader x-panel-body-noborder"><div class="status">Welcome to the CMS panel!</div></div></div></div>

Changed the CSS as suggested.

    .status .x-panel-body {
	    padding:4px; background-color: #C3DAF9;
    }

Didn't know that's the way to use the CSS in Ext 2.0a1,
thank you.

[mystix]

Didn't know that's the way to use the CSS in Ext 2.0a1,
thank you.

just to clarify, that's the way CSS works, independent of any js library.
i.e. an equivalent / higher specificity rule occurring later will always take precedence over an earlier occurring rule of equivalent or lower specificity.