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

    How do I make my form mobile responsive?

    Asked by mcota4421 on August 31, 2016 at 04:49 PM
    Hey guys can you help me with providing me with css code for responsive
    form for phones and tablets for form named "2016-17 RMAC Dues"
    You guys were a great help last time!
    Administrative Staff
    Deep Dive Ref, LLC
    | info@deepdiveref.com | www.deepdiveref.com
    mobile forms responsive mobile friendly
  • Profile Image
    JotForm Support

    Answered by Kiran on August 31, 2016 at 04:57 PM

    You may make your JotForm mobile responsive by following the guide below:

    https://www.jotform.com/help/311-How-to-make-forms-mobile-responsive

    Also, please refer to the guide below for more information on making mobile friendly forms. 

    https://www.jotform.com/help/322-How-to-make-mobile-friendly-forms-on-JotForm

    If you need any further assistance, please let us know. We will be happy to assist. 

  • Profile Image

    Answered by mcota4421 on September 02, 2016 at 08:45 PM
    Ok kind of frustrated. Can u help me with custome css to inject to the "NBA socks order" form please. I spent a few ours and it looks great but not on iPhone 6 Plus.
    Please help! I want to send this out tonight. 
    Deep Dive Ref Admin Crew
    Info@deepdiveref.com
    www.deepdiveref.com
    "We WILL make you better"
    Sent from Mobile Outlook
    ...
  • Profile Image

    Answered by Irshad on September 03, 2016 at 05:08 AM

    Please check the below steps, how to inject custom css code:

    1. In the form builder, click the Design button from the main toolbar:

     

    2. Navigate to the Inject CSS tab and then insert your custom CSS codes under Inject Custom CSS box:


     

     

     

    3. Click the "Save Changes" button to save your form. 

    Let us know if face any issue, we will be glad to assist you. Thanks.

     

  • Profile Image

    Answered by mcota4421 on September 03, 2016 at 09:45 AM
    I need for u guys to give me the code please. I know how to put it in just need actual code. 
    Deep Dive Ref Admin Crew
    Info@deepdiveref.com
    www.deepdiveref.com
    "We WILL make you better"
    Sent from Mobile Outlook
    ...
  • Profile Image
    JotForm Support

    Answered by jonathan on September 03, 2016 at 10:30 AM

    I was able to see the mobile responsive issue on your form https://www.jotform.us/form/62436938311154

    Please allow us more time to identify the correct CSS codes needed to fix the responsive form issue.

    We'll get back to you as soon as we have update.

    Thanks.

  • Profile Image

    Answered by mcota4421 on September 03, 2016 at 10:45 AM
    Please do and thank you for your time!
    Administrative Staff
    Deep Dive Ref, LLC
    | info@deepdiveref.com | www.deepdiveref.com
    ...
  • Profile Image

    Answered by mcota4421 on September 04, 2016 at 02:45 PM
    Are you guys around? Would like to get this done today please...
    Administrative Staff
    Deep Dive Ref, LLC
    | info@deepdiveref.com | www.deepdiveref.com
    ...
  • Profile Image
    JotForm Support

    Answered by BDAVID on September 04, 2016 at 05:47 PM

    Please try injecting the following code: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

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

    .header-logo-left{

        width: 200px !important;

    }

    #header_39{

        font-size: 1.7em !important;

    }

    }

    Result:

    Let us know if you need more help.

  • Profile Image

    Answered by mcota4421 on September 19, 2016 at 09:46 AM
    Good morning everyone!Can u please provide me the CSS code to insert on the Marshall High School form so that it lays out well on mobile phones also. Thanks.  
    Deep Dive Ref Admin Crew
    Info@deepdiveref.com
    www.deepdiveref.com
    "We WILL make you better"
    Sent from Mobile Outlook
    ...
  • Profile Image
    JotForm Support

    Answered by Nik_C on September 19, 2016 at 11:17 AM

    Please try adding Mobile responsive widget to your form:

    I cloned your form and tested, it was working fine on mobile.

    Please try and get back to us if the issue persists.

    Thank you!

  • Profile Image

    Answered by mcota4421 on September 19, 2016 at 11:46 AM
    Tried that before and it doesn't work well. Please provide CSS code. Thanks 
    Deep Dive Ref Admin Crew
    Info@deepdiveref.com
    www.deepdiveref.com
    "We WILL make you better"
    Sent from Mobile Outlook
    ...
  • Profile Image
    JotForm Support

    Answered by Nik_C on September 19, 2016 at 01:29 PM

    I checked your form further and the only issue I noticed, regarding the responsiveness, is the submit button:

    But when I removed your CSS code for Submit button:

    .form-submit-button {

        position : absolute;

        top : 30px;

        left : 120px;

        height : auto !important;

    }

    It showed fine:

    I run those tests in Simulator. And below are screenshots from my phone:

    It showed fine, I used Android Note3 phone.

    If you have further questions please let us know.

    Thank you!

     

  • Profile Image

    Answered by mcota4421 on September 19, 2016 at 01:46 PM
    OK great so its ready to go! Thanks!
    Administrative Staff
    Deep Dive Ref, LLC
    | info@deepdiveref.com | www.deepdiveref.com
    ...
  • Profile Image

    Answered by mcota4421 on September 20, 2016 at 04:46 PM
    hello all, how do we add a "print" button to the Marshall HS BBB Store?
    Administrative Staff
    Deep Dive Ref, LLC
    | info@deepdiveref.com | www.deepdiveref.com
    ...
  • Profile Image
    JotForm Support

    Answered by Kiran on September 20, 2016 at 05:52 PM

    Your question is moved to a separate thread and shall be addressed there shortly.

    https://www.jotform.com/answers/937493

    Thank you!