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

    My field sizes are different lengths on different computers?

    Asked by northpoint on December 23, 2016 at 10:27 AM

    When I created my fields for my form, I set the width/max characters to all line up evenly and look centered within the form. It looks great when I preview it on my computer (screenshot attached). However, my colleagues looked at it on their computers and some fields go way off the form (too long). It's even too long on their computer when they go into the actual JotForm design page. If they fix it on their end, the fields become too short on mine.

    I know different browsers can show different things. Is there a way to set a width (maybe in CSS or something) to make them all the same width AND stay on the page?

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

    Screenshot
  • Profile Image

    Answered by Ian on December 23, 2016 at 11:08 AM

    I could replicate the issue. The Field size appears good in Chrome browser but appears big in Firefox and Safari

    To fix the issue add the following code to INJECT CSS section

    input {

        width: 100%;

    }

     

    I had also cloned the form at https://form.jotform.com/63573977865982 . If you wish you can clone the same

  • Profile Image

    Answered by Ian on December 24, 2016 at 08:28 AM

    I made a mistake in my previous response.

    The code to be injected in the INJECT CSS section would be 

    .form-textbox{

        width: 100%;

    }

    Sorry for the inconvenience.

     

  • Profile Image

    Answered by northpoint on December 27, 2016 at 09:52 AM

    That worked! Thanks!