What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Conditional hidden images quickly shows during the initial load of the form

    Asked by centerweb on November 27, 2014 at 10:11 AM

    I have a conditional so my images are shown only if hidden; however there seems to be a delay between the load time and when the hidden field (based on the conditional) is shown, so that all the images will show and then immediately afterwards they will be hidden.  Is there some fix to prevent this unprofessional look, since it looks sloppy to have the images load first and be visible, and then be hidden according to my conditionals even if it is for a very short time.

    hidden delay shown all
  • Profile Image
    JotForm Support

    Answered by EltonCris on November 27, 2014 at 01:00 PM

    Hi,

    I check your forms but I can't seem to reproduce the problem. I understand that you want the hidden fields to be perfectly hidden on the initial load of the page. May we know if it's happening on the stand alone form or on the embedded form? If it's on the embedded form, try to embed your form using the full source code, it might help improve the performance of the form since the HTML source is no longer called from the Jotform server. May I also suggest to clear your browser's cache and try it again, it might somehow help.

    Note that Images may usually take some time (also depends on its size) before it is fully loaded on the page. That's pretty normal since the HTML loads first before the script hides the relevant elements. Rendering time for images and long forms may take a few seconds. Many factors may also matter like the internet speed and the browser performance. 

    Thanks.

  • Profile Image

    Answered by centerweb on November 27, 2014 at 06:25 PM

    Hi, I believe the problem is the images needing to load before the script is run, which looks very amateurish in my eyes when it comes to presentation.  I tried a solution to hide the images before loading and then hoping the script would show the images when I clicked the proper conditional.  This worked in keeping the image hidding on load, but the javascript would not override the "hidden" css I added, is there a similar approach to this but smart enough to work?  Thanks.

  • Profile Image
    JotForm Support

    Answered by ashwin_d on November 27, 2014 at 11:03 PM

    Hello centerweb,

    This worked in keeping the image hidding on load, but the javascript would not override the "hidden" css I added, is there a similar approach to this but smart enough to work? 

    I am not sure if I have understood this part of your question. I did check your form "CartoonYourself.me - Order Form" and it seems to work as expected. You have added the condition to show / hide the images which works perfectly. 

    I would suggest you to remove the default selection of your question "Image Selection" and this will not try to display the image as soon as the page/form is loaded. Please check the screenshot below : 

    Hope this helps.

    Do get back to us if you meant to ask something else.

    Thank you!