Skip to content
This repository has been archived by the owner on Oct 8, 2021. It is now read-only.

Feature Request - Loading Overlay #4789

Closed
blowsie opened this issue Aug 2, 2012 · 2 comments
Closed

Feature Request - Loading Overlay #4789

blowsie opened this issue Aug 2, 2012 · 2 comments

Comments

@blowsie
Copy link
Contributor

blowsie commented Aug 2, 2012

I think it would be nice if $.mobile.loading had an option to have a overlayTheme, much like the popup or dialog.

This could be used to prevent the user from clicking on buttons and such whilst you are loading content.

@frequent
Copy link
Contributor

frequent commented Aug 2, 2012

I'm assigning this to the body, in order to hide requireJS showing the un-enhanced source code when the page first loads.

  body.coverup:before { 
        width: 100%; 
        position: absolute; 
        top: 0; 
        bottom: 0; 
        left: 0; 
        right: 0; 
        display: block; 
        height: 100%; 
        z-index: 999999; 
        background-color: white 
        /*background:white  url( your_image.png ) no-repeat center center*/; content: "hello" 
        }

I like it because it's CSS only, plus you could add your own image ("processing...") and/or message. The only caveat is the opacity. Setting it will show whats underneath.

@jaspermdegroot
Copy link
Contributor

@blowsie

I added this here https://github.com/jquery/jquery-mobile/wiki/Feature-Requests
Closing as a feature request.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

3 participants