How to make JotForm cards mobile responsive with script embed method?

  • Profile Image
    tennisclay
    Asked on February 09, 2018 at 03:12 PM

    Hello,


    None of my new Jotform Cards work on mobile phones.  I have tried using all forms of embedding on my site and no luck.  I have turned my site off due to this problem.  This is the case for all my Cards.  I previously used the mobile responsive widget, but this is not an option for Cards

  • Profile Image
    Marvih
    Answered on February 09, 2018 at 03:42 PM

    Can you please send us the URL of your website in which the forms are embedded so we can have a further check ?

    Please try using the iFrame Embed code as well .

    You can exclude the <script>...</script> tags and only add the contents inside the <iframe></iframe> tag.


    We will wait for your response.

  • Profile Image
    tennisclay
    Answered on February 12, 2018 at 02:51 PM

    https://www.stillwatertennis.com/pro-shop/


    just tried it with taking off script part of iFrame embeded.  no luck

  • Profile Image
    Richie_P
    Answered on February 12, 2018 at 03:56 PM

    I checked your website through my mobile device and it seems the Jotform embed won't fire up.

    I am having this error in your index.html.

    I checked your form in Jotform and it works perfectly with mobile device.


  • Profile Image
    tennisclay
    Answered on February 12, 2018 at 03:59 PM

    what do you suggest i do?

  • Profile Image
    Marvih
    Answered on February 12, 2018 at 05:28 PM

    The error line is this one.

    15184743151011.png


    Please try removing the lines below which is highlighted in blue.

    15184744011012.png

  • Profile Image
    tennisclay
    Answered on February 12, 2018 at 06:14 PM

    i have at least 5 other cards i was looking to use.  this seems very complex and i dont see the above listed code in the embed or iFrame embed.   what our other options?  is this a 1and1 issue or JotForm?

  • Profile Image
    Kevin_G
    Answered on February 12, 2018 at 08:31 PM

    First off, JotForm forms are mobile responsive by default, card forms and old forms  style, card forms have been optimized for mobile so they should be adjusted to the device width automatically. 

    Now, I would like to kindly request more details about how the card forms are not working on your end, for example, the form is cutting off at the bottom, the form does not show all the elements. 

    Also, based on the screenshots provided by my colleagues above, the problem seems to be a conflict when you embed the Jotform code, there are some tags that are being added right after the JotForm code, please make sure to remove them or make sure that the text editor of your web site builder is not adding them. 

    You may also embed your form using the default code and let us know how it goes. 

    We will wait for your response. 

  • Profile Image
    tennisclay
    Answered on February 13, 2018 at 03:42 PM

    After looking into the 1and1 options for website builder I used the insert "Text" with success.  I previously was not having success when using the insert "Widget or HTML code". The later must have been adding the code or tags.  If you have other 1and1 customers this seems to be the best solutions

  • Profile Image
    Richie_P
    Answered on February 13, 2018 at 04:14 PM

    I see now, you are using 1and1 website builder. We will take note on your solution, but regarding the mobile device, can you un-check the option called "Only display optimized content on smartphones and tables" via Settings>MyWebsite Mobile in your 1and1.

    Let us know how it goes.

  • Profile Image
    tennisclay
    Answered on February 13, 2018 at 04:20 PM

    just did and so far the cards are still good.