Oracle APEX - Examples of CSS spinner to cover screen while loading?

Hi All,

I have an Oracle APEX app that has jQuery tabs, and Lists that work great, look great BUT depending on the connection or speed of the rendering it shows all the tabs and lists in before popping onto their proper look or containers. Looks ugly..

What are some ideas to either fix or hide this while the loading is taking place?

One would be to have a full screen background with a spinner or loading gif to hide the real screen while loading? then at a process time it hides the spinner/loading gif.

Is there any example of how to do this? or a better idea?

Thank you,
Bill
LVL 2
BILL CarlisleAPEX DeveloperAsked:
Who is Participating?

Improve company productivity with a Business Account.Sign Up

x
 
GaryConnect With a Mentor Commented:
Make sure your css is in the head and set any elements that shouldn't be initially visible to display:none.  No need to mess around with page loading animations.
0
 
BILL CarlisleAPEX DeveloperAuthor Commented:
With APEX, it renders the tab jQuery code I believe in the when the regions are rendered..
I need to maybe display:none until ??? the page is fully rendered. How do I find that point?
Bill
0
 
BILL CarlisleAPEX DeveloperAuthor Commented:
I agree with Sean,
He helped me with one of mine and it was the query. If the Query not giving you the proper data, then the segments of the bar will not show up.
Bill
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.