Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people, just like you, are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
Solved

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

Posted on 2014-01-14
3
760 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

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Little bit of help styling my heading 3 31
Add shadow behind div 5 25
add more rows to hierarchy 3 25
plsql job on oracle 18 33
Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
Using SQL Scripts we can save all the SQL queries as files that we use very frequently on our database later point of time. This is one of the feature present under SQL Workshop in Oracle Application Express.
Via a live example, show how to restore a database from backup after a simulated disk failure using RMAN.
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.

856 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