Hybrid View

  1. #1
    Sencha User
    Join Date
    Jun 2012
    Posts
    136
    Answers
    8
    Vote Rating
    1
    munder is on a distinguished road

      0  

    Default Answered: How to override default css?

    Answered: 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:
    Code:
    <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;">
    I don't want it to float, so I trap the view's show event and in there I have:
    Code:
            Ext.getCmp('answerContainer').removeCls('x-floating');
            Ext.getCmp('answerContainer').setZIndex(0);
    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.
    Any ideas?

  2. All I needed to do was clear the cache. Sorry for bugging you.

  3. #2
    Sencha User
    Join Date
    Jun 2012
    Posts
    136
    Answers
    8
    Vote Rating
    1
    munder is on a distinguished road

      0  

    Default Solution

    Solution


    All I needed to do was clear the cache. Sorry for bugging you.