Full Width Compound Fields & Keeping To The Same Line

  • petruzzo
    Asked on December 30, 2016 at 12:29 PM

    I have a few compound fields that look silly at large resolutions, and then break up into multiple lines and continuing it look silly on small resolutions. I'm surprised there's not a setting for this. It seems like things of this nature of common questions.

    How can I fix this?

    Full Width Compound Fields & Keeping To The Same Line Image 1 Screenshot 20

    Jotform Thread 1022230 Screenshot
    Page URL: https://www.petruzzo.com/weddings-engagements/
  • BJoanna
    Replied on December 30, 2016 at 2:22 PM

    Please add Mobile responsive widget to your form. That should resolve your issue with mobile view.

    You can also add this CSS code if you want that field are expanded on desktop view:

    span.form-sub-label-container {

        width : 49%;

    }

    #input_5_phone {

        width : 100%!important;

    }

    #cid_6 span.form-sub-label-container {

        width : 31.5%;

    }

    #month_6 {

        width : 100%;

    }

    #day_6 {

        width : 100%;

    }

    #year_6 {

        width : 100%;

    }

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    Here is my demo form: https://form.jotform.com/63645832584970 

    Hope this will help. Let us know if you need further assistance.