How to create a Loading Indicator...CJ recently asked how to implement a loading indicator to hide the page layout changing regions into tab panels on my post Tabbed Regions in Oracle APEX using Ext JS.
- Create a div element which has width and height 100% at the beginning of your page.
- Include an animated gif in a floating div to make it look like something is happening.
Very nice simple loading indicator. I also created a loading page that also disables the webpage while loading. See the example here: http://blog.whitehorses.nl/2009/10/13/progress-dialog-in-oracle-apex/
Thanks very much for the example, I did finally manage to the ExtJS method working, similar to the way you have used it on your site.
I do have another question for you though, regarding ExtJS ItemSelectors in ApEx. Have you ever managed to get this working? I can get it working in standalone HTML, but as soon as I put the code into an ApEx page I get an error "this[name] is null". This is true in FF and IE6+, however Chrome does allow it to work!
Any ideas would be much appreciated as I have spent the last few days pulling my hair out over this!
Haven't played with ItemSelectors.
Would have to see your code to offer any suggestions. If you put up a demo on the Apex site happy to look at it.
I have created an example on apex.oracle.com:
If you look at it in Chrome first, you will see it displays correctly and works exactly as expected. If you view it in FireFox, only the multiselector is displayed and the error "this[a] is null" is returned by FireBug. Viewing in Internet Explorer shows neither the ItemSelector or the MultiSelector.
If you take a look at http://www.swiftwind.co.uk/ext/examples/multiselect/multiselect-demo.html you will see the exact same code, outside of Apex works perfectly with all of the above browsers...
Very very strange, but any insight you may be able to give me would be greatly appreciated.
Apologies, the link to the ExtJS example outside of ApEx was incorrect in my post. The correct link is:
Hi - I've tried this example, however some APEX items (Select List, Shuttle) are not being hidden while my loading indicator is shown though the rest of my page is hidden.
If you have items showing through it could be:
- the loading mask is not the first element
- you are using absolute positioning for your items
If you set up a test example, I could check it out.
Post a Comment