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

    Gift Registry widget: Not all of them load on page

    Asked by tomorrownight on October 24, 2014 at 06:46 AM
    ive had all the same issues, and i was told a bug fix request was made, but i cant still only use my form in Chrome. Gift Registry doesnt work in IE or FF in quite recent versions as well. 

    Currently in IE and FF, the page reveals all fields (including the ones meant to be hidden by conditions) and doesn't show at all gift registry until you force refresh. 

    Dont want to nag but have built this system using Gift Reg, and cant really go back now and need to start giving it to people.  Cant just have a website that works in Chrome :/ 

    This is what i have so far:
    http://treehousefestival.co.uk/book-in/

    gift registry IE widgets not loading
  • Profile Image

    Answered by Ben on October 24, 2014 at 09:17 AM

    Hi,

    I took a look at your website and the first thing that happened is that I was not able to click on some buttons. Then when I refreshed, I was able to click on them, but the registry widget did not load.

    The reason why this happens is that on your website, there are other things running and cause conflict with the jotforms scripts.

    To resolve this you should just replace the javascript embed code with iframe embed code.

    So remove this:

    <script type="text/javascript" src="http://form.jotformpro.com/jsform/42961326434960">

    And replace it with this:

    <iframe id="42961326434960" frameborder="0" scrolling="no" style="width: 100%; border: medium none; height: 3366px;" name="42961326434960" allowtransparency="true" src="http://form.jotformpro.com/form/42961326434960"></iframe>

    Once you do that, please let us know if it works for you.

    Best Regards,
    Ben

  • Profile Image

    Answered by tomorrownight on October 24, 2014 at 07:59 PM

    Ok ive changed it...

     

    In Internet Explorer the hide/show is working ok (as with FF) 

    But still will not display the Gift Registry...  is there anything we can do about that? 

     

    thanks,


    Adam

  • Profile Image
    JotForm Support

    Answered by Charlie on October 24, 2014 at 08:57 PM

    Hi Adam,

    It seems that you have a lot of gift registry widget and conditions pertaining to them. As my colleague have explained, it seems that a possible conflict with  javascript.

    I tried embedding using different form code in different platform.

    And using iFrame and the Wordpress, some of the hidden gift registry field shows up. But not all of them.

    https://shots.jotform.com/charlie/index3.php 

     

    We will look further on this and let you know if we've come up on a solution. 

    For the meantime, you can explore the different embed code you can use here: https://www.jotform.com/help/67-Which-Form-Embed-Code-Should-I-Use 

    Regards.

  • Profile Image

    Answered by tomorrownight on October 24, 2014 at 09:11 PM

    thanks a lot, i would be deviestated if i couldnt use what ive made so far and if i had to start again! 

  • Profile Image

    Answered by Ben on October 25, 2014 at 03:54 AM

    Hi Adam,

    We do apologize for any inconvenience that this has caused to you.

    What we will do now is that we will notify our developers for you in regards to this so that they can take a look why this happens and offer their suggestions and/or resolve the issue for you.

    They will update you through this thread.

    Best Regards,
    Ben

  • Profile Image
    JotForm Support

    Answered by liyam on November 09, 2014 at 12:27 AM

    Hello tomorrownight,

    Can you set a height for each widget that you have on your form?  This will most probably help your form to load the contents correctly if in case if fails to adjust the height after loading the content of the widget.

    Please let us know if the problem persists.

    Thanks.

  • Profile Image

    Answered by tomorrownight on November 09, 2014 at 12:11 PM

    Hey, ive done that, but still no luck :( 

  • Profile Image

    Answered by Shadae on November 09, 2014 at 12:48 PM

    Hi tomorrownight,

    I do apologize that this has not resolved the issue. I have passed on this information to our developers and you will receive any update on this thread.

    Thank you.

  • Profile Image
    JotForm Support

    Answered by liyam on November 09, 2014 at 03:09 PM

    I think that may have something to do with your browser's cache already.  Can you try clearing that one out?  This is how it appears on my end using Firefox browser with all the items checked:

    To ensure that this isn't a fluke, I also tried loading for the first time using Opera browser and I was also able to load the same contents.

  • Profile Image

    Answered by tomorrownight on November 10, 2014 at 04:46 AM

    Hey, thanks for this, i just deleted my whole browser history and every thing that the browser records.  I opened the form from my webpage in a new window and this is what i get...

    When i click on "open in same window", it looks like this:

    Why tuesday?!

  • Profile Image

    Answered by tomorrownight on November 10, 2014 at 09:05 AM

    I got a few beta testers together and they are having similar problems with chrome on android

  • Profile Image
    JotForm Support

    Answered by Charlie on November 10, 2014 at 09:34 AM

    Hi,

    Can you insert this custom CSS code in the Form Designer->CSS tab

    body, html {

        height : 100%;

    }

    iframe {

        height : 600px !important;

    }

    #id_3 {

        min-height : 600px;

    }

    #id_5 {

        min-height : 600px;

    }

    #id_4 {

        min-height : 600px;

    }

    #id_6 {

        min-height : 600px;

    }

    #id_7 {

        min-height : 600px;

    }

    #id_17 {

        min-height : 600px;

    }

    #id_19 {

        height : 400px;

    }

     

    1. In the JotForm Form Designer, click the CSS tab and paste there the above code.

    Note: Please change the values of the height to match your needs. Also clear your form's cache and make sure to save your changes. Please also do check if you have plugins or addons to Firefox that might be blocking the gift registry widgets, it is a known issue that NoScript, AdBlock and the likes seems to be causing some issues related to widgets.

    The code above should fix the displaying of gift registry widgets on Firefox. Let us know if you are still having problems.

    Thanks.

  • Profile Image
    JotForm Support

    Answered by Charlie on November 10, 2014 at 09:43 AM

    I've cloned your form for testing purposes and I applied the changes there. Here's my link, http://www.jotformpro.com/form/43133527184957, please check if you are still seeing the same issues regarding the gift registry not displaying in firefox.

    Regards.

  • Profile Image

    Answered by tomorrownight on November 10, 2014 at 11:54 AM

    ok this is looking good, let me test it with my betas :) 

  • Profile Image

    Answered by Ben on November 10, 2014 at 12:14 PM

    Hi,

    Do let us know how it goes. :)

    Best Regards,
    Ben

  • Profile Image

    Answered by tomorrownight on November 10, 2014 at 12:29 PM

    just one more thing, and this isnt a deal breaker, if my beta tests come back ok, then we can go ahead, this is just because it would be preferable: 

    Is there an easy way to get rid of the big gaps between the giftregistry boxes in most browsers? 

    in my jotform designer they are all neatly together with equal distance on 2 lines of 3 boxes

  • Profile Image

    Answered by tomorrownight on November 10, 2014 at 12:30 PM

    in my jotform designer they are all neatly together with equal distance on 2 lines of 3 boxes

  • Profile Image

    Answered by Ben on November 10, 2014 at 01:49 PM

    Hi,

    Yes, you can shorter them a bit so that there is not as much space. I have created a jotform these changes so please test them out to see in case the change in height stops it from working properly by some chance.

    This is the code added to it:

    li.form-line.form-line-column[data-type="control_widget"] {
    min-height: 480px !important;
    }
    iframe{
    height:450px;
    }
    #id_17 {
    min-height: 350px !important;
    }

    This is the jotform with the above code:

    http://form.jotformpro.com/form/43135510235948

    Looking forward to hearing from you after testing.

    Best Regards,
    Ben