How do I get the two fields at the top of the form to fill the width?

  • sschiager
    Asked on May 30, 2016 at 9:11 PM
    how do I get the two fields at the top of the form Firm, Address to fill the width of the form?
  • Kiran Support Team Lead
    Replied on May 30, 2016 at 9:16 PM

    You may position these two fields in a single row by shrinking the fields. Please see the screencast below that can help you with this.

    How do I get the two fields at the top of the form to fill the width? Image 1 Screenshot 20

    Hope this information helps! 

  • sschiager
    Replied on May 31, 2016 at 2:17 AM

    I'm sorry I wasn't clear.  What I want is for the fields to be on separate lines.  The problem I'm looking to solve is the width of each field.  For example, the company name may be something like Jones, Smith, Johnson, Carter, Bridges, Mason & Cutter.  I want the field to be wide enough to see the whole name, not just scroll to the right.

  • Chriistian Jotform Support
    Replied on May 31, 2016 at 3:21 AM

    You can inject the custom css code below to your form to make the two fields at the top fill the entire width of the form. 

    #cid_1, #cid_3 {

        max-width : 100% !important;

    }

    #input_1, #input_3 {

        width: 100% !important;

        max-width: 100%!important;

    }

    How do I get the two fields at the top of the form to fill the width? Image 1 Screenshot 20

    If you need further assistance, please let us know.