Solved

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

Posted on 2014-01-14
3
730 Views
Last Modified: 2014-02-05
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
0
Comment
Question by:bcarlis
  • 2
3 Comments
 
LVL 58

Accepted Solution

by:
Gary earned 300 total points
ID: 39779724
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
 
LVL 2

Author Comment

by:bcarlis
ID: 39782422
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
 
LVL 2

Author Comment

by:bcarlis
ID: 39802705
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

Featured Post

PRTG Network Monitor: Intuitive Network Monitoring

Network Monitoring is essential to ensure that computer systems and network devices are running. Use PRTG to monitor LANs, servers, websites, applications and devices, bandwidth, virtual environments, remote systems, IoT, and many more. PRTG is easy to set up & use.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Preface This is the third article about the EE Collaborative Login Project. A Better Website Login System (http://www.experts-exchange.com/A_2902.html) introduces the Login System and shows how to implement a login page. The EE Collaborative Logi…
I found this questions asking how to do this in many different forums, so I will describe here how to implement a solution using PHP and AJAX. The logical flow for the problem should be: Write an event handler for the first drop down box to get …
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…

805 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question