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

    Multiple Payment form responsiveness

    Asked by sites4restaurants on November 23, 2015 at 05:24 PM

    Hi,

     

    I have followed the steps in this guide: http://www.jotform.com/help/182-How-to-Create-a-Basic-Multiple-Payment-form on how to create a form with multiple payments. However, the form I have made does not work on mobile. The iframe does not fit on the mobil device and seems to just end abruptly.

    The demo form is here: https://form.jotform.com/53265518705963

    Is there a way to fix it so that the 'Cash on Delivery' payment form works on mobile.

    Thanks

    Charlie

    Page URL:
    https://form.jotform.com/53265518705963

  • Profile Image
    JotForm Support

    Answered by Chriistian on November 23, 2015 at 09:01 PM

    Hi,

     

    I'm currently checking up your form and testing some custom CSS codes. I'll get back to you as soon as possible.

  • Profile Image
    JotForm Support

    Answered by Chriistian on November 23, 2015 at 09:12 PM

    Can you try inserting the CSS code below in your Iframe embed settings and see if you like the results?

    @media only screen and (max-width: 480px) {

    iframe{

    width: 100% !important;

    }}

     

     

    I have tested it on my cloned form #53268302895967.

     

    Do let us know if you need further assistance.

    Regards.

     

  • Profile Image

    Answered by sites4restaurants on November 24, 2015 at 05:45 AM

    Seems to work on your clone form fine but when I try it nothing seems to happen!

    Charlie

  • Profile Image
    JotForm Support

    Answered by Charlie on November 24, 2015 at 08:54 AM

    Could you try adding this custom CSS code in your Form Designer Tool under "CSS tab":

    @media only screen and (max-width: 480px){

        #customFieldFrame_13 {

            width : 100% !important;

        }

    }

    Paste it inside the area under the CSS tab.

     

    You can also check my test form here: https://form.jotform.com/53273668179973? 

    Note: Please do remove the CSS code you paste inside the widget settings just to make sure that it won't conflict with the new one that we added.