Loading screen within a page while processing the submit button

Loading screen within a page while processing the submit button

  

Hi,

Can someone help me?

I want to have a loading screen or a popup loading image or something while the page is processing after I click the Submit button.

I also want is to be a quick load.

I really want to solve this problem.

thanks.

-Daryl Tejares

Hi Daryl,

If its an Ajax Submit you already have Feedback_AjaxWait (From RichWidgets)

If you're doing a normal submit what you can do is showing a simple animation after the button click:

$('#mygif').css('visibility', 'visible');


Best regards,

Cristiano

Hi, thankyou.

I'm wondering if I can change the css of the loading part in loright of the web app and make it visible at the center of the screen.


thanks

-Daryl

Solution

I think you can do that, try to override the bottom and right css attributes.

Something like:


div.Feedback_AjaxWait {

    color: white;

  font-size: 16px;

  position: fixed;

 bottom: 50%;

 right: 50%;

background-color: #FFD026;

 padding: 4px 10px 4px 10px;

z-index: 10000;

border-top-left-radius: 3px;

}



Solution

thanks I'll do it now.


Jovvy wrote:

I think you can do that, try to override the bottom and right css attributes.

Something like:


div.Feedback_AjaxWait {

    color: white;

  font-size: 16px;

  position: fixed;

 bottom: 50%;

 right: 50%;

background-color: #FFD026;

 padding: 4px 10px 4px 10px;

z-index: 10000;

border-top-left-radius: 3px;

}



Wow! It worked! thanks. but can I change the loading to picture more like a gif? thanks men!