What is the best way to embed my form?

  • Profile Image
    AdminRSCM
    Asked on December 13, 2017 at 11:26 AM

    Hi-


    What is the best way to embed this form twice- once for desktop view and once for a mobile view?


    Form is https://www.jotform.com/build/72966256558169#preview



  • Profile Image
    Richie_P
    Answered on December 13, 2017 at 11:55 AM

    May I suggest embedding your form using the IFrame code method.Getting-the-Form-iFrame-Code

    You don't need to embed it twice,as it is mobile responsive already.

    Please let us know if we can be of further assistance.

  • Profile Image
    AdminRSCM
    Answered on December 13, 2017 at 11:57 AM

    I have a different section on my page for mobile so I do need to embed it twice.

     

    http://flexogenix.com/knee-pain-relief-cary/

    I'm using iframe and to me the spacing looks off verse using the script code on this page

  • Profile Image
    david
    Answered on December 13, 2017 at 01:46 PM

    For embedding the form to the same page multiple times, it is recommended to use the forms IFrame code to prevent conflicts.  It should be possible to use one iFrame and one script embed if the script embed looks better for mobile or desktop.

  • Profile Image
    AdminRSCM
    Answered on December 18, 2017 at 08:34 AM

    https://flexogenix.com/knee-pain-relief-cary/

    Can you help fix this jotform js error? Not sure what it means exactly:

    1513604018Screen Shot 2017-12-18 at 8.32

  • Profile Image
    agonhasani
    Answered on December 18, 2017 at 09:15 AM

    That error doesn't show on my end.

    However, make sure you include the jQuery script first before using it.

  • Profile Image
    AdminRSCM
    Answered on December 18, 2017 at 09:17 AM

    what does that mean? jquert script first? What script?

     

    I see this error on Firefox

  • Profile Image
    agonhasani
    Answered on December 18, 2017 at 09:46 AM

    I tried using the latest Firefox and I don't see that error.

    I see another error which says "Uncaught TypeError: $ is not a function".

    Try changing the "$" symbol on the JS code in the head section of your page with the word "jQuery".

    That error should have nothing to do with JotForm since I tested your form on desktop and mobile and it was working correctly.


    Can you tell me what is the problem that you are having now exactly?

  • Profile Image
    AdminRSCM
    Answered on December 18, 2017 at 09:58 AM

    Hmm- i changed $ to jQuery - and i don't see any change?

    page here in firefox (version of firefox is up to date):

     https://flexogenix.com/knee-pain-relief-cary/ 

    The jotform appears on mobile but not in desktop.

    1513609064form-missing.jpg

  • Profile Image
    agonhasani
    Answered on December 18, 2017 at 10:16 AM

    The iframe height seems to be set to 0 sometimes on Firefox.

    You can try Injecting this Custom CSS into your form:

    @media (min-width: 981px) {
        #JotFormIFrame-72966256558169 {
            width: 550px !important;
        }
    }

    Here is a guide on How to Inject Custom CSS Code

    Let me know if that fixes your problem.

  • Profile Image
    david
    Answered on December 18, 2017 at 11:20 AM

    If the above does not work, try using the iFrame code without the resize script.  So just the following:

    <iframe id="JotFormIFrame-72966256558169" style="width: 1px; min-width: 100%; height: 520px; border: none;" src="https://form.jotform.com/72966256558169" width="300" height="520" frameborder="0" scrolling="no"> </iframe>