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

    Cant get the square footage field at 254 px

    Asked by kauseway on July 27, 2015 at 11:27 PM

    I have a sqft field but I need to make it a number field so I can do some calculations. I just put in a new field labeld square footage above sqft. But the field width is not 254px. I cant seem to get it to 254. I have tried adjusting it in the designer section and even tried adjusting it in the css section of designer.   

     

    http://form.jotformpro.com/form/50005155818954

    Page URL:
    http://form.jotformpro.com/form/50005155818954

    cant calculations section and designer
  • Profile Image
    JotForm Support

    Answered by Chriistian on July 28, 2015 at 04:12 AM

    Hi kauseway,

    Thanks for contacting us.

     

    I am currently checking your form - http://form.jotformpro.com/form/50005155818954 . Please give me more time in investigating this. I will get back to you as soon as I get a result.

     

    Regards.

  • Profile Image
    JotForm Support

    Answered by Chriistian on July 28, 2015 at 04:42 AM

    Hi kauseway,

     

    As per further checking, the square footage field in a desktop browser with full screen is displays correctly with 254px width.

    However, when I checked the form in a smaller screen (smaller than 480px) the width changes to 2052px. You can fix this by injecting this custom CSS:

    input#input_87 {

        width: 100% !important;

     

    }

    To inject custom CSS, you can follow the steps on this guide: How to Inject Custom CSS Codes.

     

    Do let us know if you need further assistance.

     

    Regards.