How to disable the splashscreen of the rich:extendedDataTable

Question

When the rich:extendedDataTable return it's result, there a splashscreen (a little animated gif) displayed. And I'm searching for a way to removed it.

I noticed that in firebug

       .extdt-ss-vsbl { 
              background-image:url(/swf-rf-poc/spring/a4j/g/3_3_2.SR1org/richfaces/renderkit/html/images/loading.gif);
              border-bottom:1px solid #B6AD84;
              border-right:1px solid #B6AD84;
        }

and that in the pagesources

<div class="extdt-ss-vsbl" id="headerResultForm:searchResultSubview:searchResultsTable2:splashscreen"></div>

I've tried by overiding .extdt-ss-vsbl in the css of our apps but it didn't work. I tried to add .extdt-ss-vsbl in the xcss of our skin end leave it empty and it's didn't work either.

I noticed that in ExtendedDataTable.js there a method name showSplashScreen so I tried to overide it with jquery like this

<script type="text/javascript">
        JQuery.fn.showSplashScreen(function($) {
            //do nothing 
        }
        </script>

And it's didn't work either.

Is there a way to disable that splashscreen ? I'm using jsf 1.2 and richface 3.3.3.Final

Answer 1

Try to forcibly override the css class.

    .extdt-ss-vsbl { 
          background: none !important; 
          border: none !important;
    }

Answer 2

Finaly you need to overide the value in the skin directly. so in the your skin you should have the extended-data-table.xcss defined and inside that files define the following values :

<u:selector name=".extdt-ss-vsbl">
    <u:style name="background-image" value="none" />
</u:selector>

Hope it save a poor soul from searching countless hours.