Display progress bar (or something similar) until the result form is complete?

  • Resolved sloganwp

    (@sloganwp)


    8 months ago

    hello,

    I have a large form that will display results after executing various queries.

    But since it take some time to display the results, the user could think there is something wrong.

    Is there a way to display something while the form performs all queries? a message, a lightbox, a popup, anything?

    If you go to https://incofin.yourwebapp.it/cross-reference/ and search for “a229c” you will see what I mean:

    • 1. the message “Se non sono state trovate…:” should be displayed when there are no results, but it is displayed as soon as page loads because it displays when some value are zero. When you start a new search all values are set to zero. It will disappear when some values change to something different from zero.
    • 2. the page loads result slowly; it can take 5 or 6 seconds to render

    Is there a way to hide the message in 1. so that it appears only after the form execute all operations?

    Is there a way to display something while the form displays the results (2.)?

    TIA

    tony

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author codepeople

    (@codepeople)

    Hello @sloganwp

    You can emulate the process as follows. Assuming the field you use to enter the value is the fieldname123, and the file affected is the fieldname456. You can insert an “HTML Content” field in the form and enter the following piece of code as its content:

    <script>
    fbuilderjQuery(document).on('keyup', '[id*="fieldname123_"]', function(){
    let $ = fbuilderjQuery;
    if ( $('.cff-processing-form').length == 0 ) {
    $('#fbuilder').prepend('<div class="cff-processing-form"></div>');
    }
    });

    fbuilderjQuery(document).on('change', '[id*="fieldname456_"]', function(){
    fbuilderjQuery('.cff-processing-form').remove();
    });
    </script>

    If you need additional customizations, please contact us directly via the plugin website.

    Best regards.

Viewing 1 replies (of 1 total)
  • The topic ‘Display progress bar (or something similar) until the result form is complete?’ is closed to new replies.