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

    Is there a way to make the PayPal product quantity option mobile responsive?

    Asked by fhpw on April 13, 2017 at 07:28 PM

    I have created a PayPal product with quantity option.  It works and is responsive for all fields except the PayPal product quantity.  Is there a way to make the quantity not go beyond the boarders?  This only occurs on the mobile device vertical view; otherwise the form is responsive.

     

     

    https://www.jotform.com/fhpw/seminar

     

    Thanks,

     

  • Profile Image
    JotForm Support

    Answered by John_Benson on April 14, 2017 at 01:28 AM

    I cloned your form and I can replicate the issue. Please add this custom CSS code to fix the product quantity:

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

      screen and (max-device-width: 768px) and

      (orientation: portrait), screen and

      (max-device-width: 415px) and

      (orientation: landscape) {

    #label_35 .form-dropdown {

    width: 45px !important;

    }

    }

    @media only screen and (max-width: 40em) {

      .form-sub-label-container {

        width: 100px !important;

    }

    }

    Here's a guide on: How-to-Inject-Custom-CSS-Codes

    Result:


     

  • Profile Image

    Answered by fhpw on April 14, 2017 at 10:10 AM

    Thank you.  This worked great. However, I noticed that now the Member Organization dropdown field does not expand to the width of the of the mobile device (portrait or landscape) view.

     

    https://www.jotform.com/fhpw/seminar

     

    Assistance to have the media screen adjust for this drop down is greatly appreciated.

     

    Thanks,

     

  • Profile Image

    Answered by fhpw on April 14, 2017 at 10:47 AM

    Since the dropdown has the long text options, using the same original sizing I reset the dropdown property and dropdown style values. It now appears to be working.

     

    Thanks,