Skip to Content (Press Enter)
2020-03-10 21-01-27
Roman
155Views
3Comments
Solved
[Full Screen Ajax Wait] What is the best way to 'mute' full screen loader? 
Question
Forge
full-screen-ajax-wait
Web icon
Full Screen Ajax Wait (O11)
Forge asset by Truewind

What would be the best way to hide a loader when I'm using an autocomplete or bulk select? Currently, it just blinks too much. 

0
0
31 Jan 2019
Copy Link
2018-06-15 00-21-10
Pedro Vila Nova
Solution

Roman wrote:

What would be the best way to hide a loader when I'm using an autocomplete or bulk select? Currently, it just blinks too much. 

At your onChange use a runJavaScript Action with : 

"RichWidgets_Feedback_AjaxWait_End('divWait');"

At your JS Screen Proprieties write this JS Code,


function RichWidgets_Feedback_AjaxWait_End(divId) {
 $(function($) {
       clearTimeout(RichWidgets_Feedback_AjaxWait_ajaxWaitMessageTimer);
       RichWidgets_Feedback_AjaxWait_ajaxWaitMessageTimer = null;
       $('body').removeClass('Feedback_AjaxWait_CursorProgress');
       $( ".Feedback_AjaxWait" ).css("display","none");
 });
}



Test and give your feedback.

I already had that problem and with this aproach worked.


0
0
31 Jan 2019
Copy Link
2020-03-10 21-01-27
Roman

Hi Pedro, 

It's helpful, however, I still was able to see the loader. I've added a timer to your code and it seems to work now. Let me know what you think about it. 

function RichWidgets_Feedback_AjaxWait_End(divId) {
     $(function($) {
        var timerId = setInterval(function() {
            clearTimeout(RichWidgets_Feedback_AjaxWait_ajaxWaitMessageTimer);
            RichWidgets_Feedback_AjaxWait_ajaxWaitMessageTimer = null;
            $('body').removeClass('Feedback_AjaxWait_CursorProgress');
            $( ".Feedback_AjaxWait" ).css("display","none");
        }, 100);

    setTimeout(function() {
      clearInterval(timerId);      
    }, 1000);
                   
 });
} 
1
0
31 Jan 2019
Copy Link
2018-06-15 00-21-10
Pedro Vila Nova

Roman wrote:

Hi Pedro, 

It's helpful, however, I still was able to see the loader. I've added a timer to your code and it seems to work now. Let me know what you think about it. 

function RichWidgets_Feedback_AjaxWait_End(divId) {
     $(function($) {
        var timerId = setInterval(function() {
            clearTimeout(RichWidgets_Feedback_AjaxWait_ajaxWaitMessageTimer);
            RichWidgets_Feedback_AjaxWait_ajaxWaitMessageTimer = null;
            $('body').removeClass('Feedback_AjaxWait_CursorProgress');
            $( ".Feedback_AjaxWait" ).css("display","none");
        }, 100);

    setTimeout(function() {
      clearInterval(timerId);      
    }, 1000);
                   
 });
} 


Like i said, when i had the problem, that code worked. With that SetTimeout is an improvement =)


Glad i helped =)


0
0
31 Jan 2019
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.