My field sizes are different lengths on different computers?

  • Profile Image
    northpoint
    Asked 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?

  • Profile Image
    Ian
    Answered 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
    Ian
    Answered 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
    northpoint
    Answered on December 27, 2016 at 09:52 AM

    That worked! Thanks!