Full Width Compound Fields & Keeping To The Same Line

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

  • Profile Image
    BJoanna
    Answered on December 30, 2016 at 02: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.