Can I insert a loading gif?

  • Profile Image
    stampevarie
    Asked on October 17, 2011 at 05:41 AM

    Hello,

    I would like to insert a loading gif that works when user submit form (it is very useful in presence of large attachments)

    Is it possible?

    Thanks

  • Profile Image
    idarktech
    Answered on October 17, 2011 at 06:28 AM

    Hi,

    If you are getting large uploads I think you should use the upload features that has the process bar. Please see the movies here for various file upload capabilities:

    http://www.jotform.com/blog/26-Jotform-Now-Supports-Multiple-File-Uploads

    If you need a guide for switching multi-upload then visit the link below.

    http://www.jotform.com/answers/25260-MULTI-UPLOADER

    If you have any other concern just let us know, we'd be glad to help you.

    Thank you so much for using JotForm!

    ~idarktech

  • Profile Image
    virtualearth
    Answered on February 22, 2012 at 08:33 PM

    loading gif for pages delivering iframes. 

    Hi guys,

    A little different to your requirement but might be useful for others.

    This is what works for me when loading an iframe.

     

     

    <script type="text/javascript"> 

           function hideLoading() { 

                document.getElementById('divLoading').style.display = "none"; 

                document.getElementById('divFrameHolder').style.display = "block"; 

            } 

        </script>

     

     

    <div id="divLoading"> 

            <img src="/yourimagefile/loading.gif" alt="Loading" /> 

        </div> 

        <div id="divFrameHolder" style="display:none"> 

    <iframe allowtransparency="true" src="https://secure.jotform.com/form/############" onload="hideLoading()" frameborder="0" style="border: none;  border-image: initial; width: ###px; height: ###px;" scrolling="no">

    </iframe>

        </div> 

    Just replace the ## with you info.

    Cheers

    cityclinic

     

  • Profile Image
    idarktech
    Answered on February 23, 2012 at 12:13 AM

    Hi there,

    Thank you so much for this. This would be very useful to all JotForm users. Thanks a lot!

     

    Cheers!

  • Profile Image
    virtualearth
    Answered on February 23, 2012 at 05:22 AM

    Happy to help idartech,

    We have a couple of issues with the loading gif when viewing our site on an iPad. The form falls behind the footer when it first loads, a click on the tab fixes it however not a good user experience. I'll post a fix when we find it.

    This should not effect most users, we have large forms and an large footer.

    www.cityclinic.com.au/dxa-form  if you have any ideas that would be great. View from an iPad and tap DXA New Patient Form Tab

    Cheers

    cityclinic

  • Profile Image
    idarktech
    Answered on February 23, 2012 at 07:19 AM

    Hello,

    Thank's for the info. It's appreciated!

    Unfortunately, I don't have any iPad device to test it so I couldn't help you about this. Sorry. :)

    Again, thank you so much for this. If there's anything else I can help with, please let me know. Thank you so much!

  • Profile Image
    virtualearth
    Answered on February 23, 2012 at 05:41 PM

    No problem idarktech, we'll sort it eventually :)

    Anybody using Captcha on your forms and the loading gif?

    I've just noticed that if you are using captcha with the loading gif script above you will need to change the captcha to recaptcha YES. It is not letting the image load in standard captcha.

    I guess I need to do some more work on the script :)

    Cheers

    Brad