Question

If i I remove say

height:200

from my ExtJs panel and add a css class in its place

cls: "someclass"

My height property in my css class is overided because Extjs still puts in a style on the element for e.g. but with minimal value (2-4 px)

<div class="someclass" stlye="height:2px"></div>

Any idea how to stop that?

Thanks

---

Solution

using

bodyCls: "someclass"

is stronger than

cls: "someclass"

use bodyCls in your panel and set your css to the following:

.x-panel .someclass {
    //css stuff in here
}

Answer 1

In Ext 3 you can use autoHeight: true in your config object to prevent Ext JS controlling it. See http://docs.sencha.com/ext-js/3-4/#!/api/Ext.Panel-cfg-autoHeight for the docs.

For Ext 4 there doesn’t seem to be an equivalent property, there is a discussion about this on the Ext forum: http://www.sencha.com/forum/showthread.php?133148-autoHeight-feature.

However in this case if you leave the height parameter out and add bodyCls : "someClass" to the config object, you can set the height using a css rule like: .someClass: { height: 200px; }.