How to override default css?
I have a view (an Ext.form.Panel) within which there is another formpanel named 'answerContainer'. In the generated html, that appears as:
I don't want it to float, so I trap the view's show event and in there I have:
<div class="x-container x-unsized x-floating" id="answerContainer" style="width: 100%; clear: both; background-color: rgb(255, 255, 255); z-index: 6 !important; background-position: initial initial; background-repeat: initial initial;">
but those statements have no effect at all. I've also tried applying a css class of my own to override the z-index (with "!important") and that has had no effect either.