Important:
This support area is for Kalium 3 users only. Support for Kalium 4 has moved to our new platform at support.laborator.co. If you’re using Kalium 4, please create a new account there using your email and license key. A password will be sent to you automatically.

Okay
  Public Ticket #1129320
Adding loading overlay after clicking on any button
Closed

Comments

  •  2
    Azhar started the conversation
    April 10, 2017 at 9:53am

    How can I add loading overlay after clicking on any button till it redirects to another page?

  • [deleted] replied
    April 11, 2017 at 7:10am

    Hi Azhar,

    Here is the code for that:

    jQuery( document ).ready( function( $ ) {
    	
    	jQuery( '.my-button' ).on( 'click', function( ev ) {
    		showLoadingOverlay();
    	} );
    	
    	function showLoadingOverlay() {
    		jQuery( 'body' ).append( '<div class="page-loading-overlay"> <div class="loader-2"></div> </div>' );
    	}
    } );

    In this case, just target the elements, I have added .my-button as an example.

    I hope it will work fine for you.