jQuery loading Overlay

Last modified by Zoubir Medjdoub on 2021/03/17 21:30

cogShows a loading overlay on the whole page or over single DOM elements
TypeXAR
CategoryOther
Developed by

Zoubir Medjdoub

Rating
0 Votes
LicenseGNU Lesser General Public License 2.1

Installable with the Extension Manager

Description

This is the Demo Form JS tutorial found on http://gasparesganga.com/labs/jquery-loading-overlay/ written in a XWiki page

Example : Single element Overlay

// Show loading on element
jQuery("#element").LoadingOverlay("show");

Result :
jQueryLoading.png

You can test this loading at the following bundled demo page: Main.jQueryLoadingOverlay

Prerequisites & Installation Instructions

We recommend using the Extension Manager to install this extension (Make sure that the text "Installable with the Extension Manager" is displayed at the top right location on this page to know if this extension can be installed with the Extension Manager). Note that installing Extensions when being offline is currently not supported and you'd need to use some complex manual method.

You can also use the following manual method, which is useful if this extension cannot be installed with the Extension Manager or if you're using an old version of XWiki that doesn't have the Extension Manager:

  1. Log in the wiki with a user having Administration rights
  2. Go to the Administration page and select the Import category
  3. Follow the on-screen instructions to upload the downloaded XAR
  4. Click on the uploaded XAR and follow the instructions
  5. You'll also need to install all dependent Extensions that are not already installed in your wiki

Get Connected