Creating a 4 columns form fields

  • Profile Image
    Art
    Asked on August 04, 2015 at 12:51 PM

    Additionally can a form be built that someone can enter data in three or four text fields horizontally aligned with a file attachment field at the end of that horizontal field? 

    This format would be repeating.

     

    text text text  attachment

    text text text attachment

    text text text attachment

    etc.

  • Profile Image
    Jan
    Answered on August 04, 2015 at 01:40 PM

    Yes, it is possible. You just need to reduce the width of the text box, the padding horizontally and use the shrink feature in the form builder. 

    Please check this demo form: http://www.jotformpro.com/form/52155257763964

    On this demo, I reduced the text-box to "11". I used the Sub-Label and the Hint Example.

    I also shrink all the form fields including the upload field. You just need to right click the field and select "Shrink".

    I also deleted the "Label". You can use "Label" but you need to align it at the top.

    And lastly, in order to reduce the margin or the padding, you need to insert this custom CSS code.

    .form-line {

    padding-left: 10px !important;

    padding-right: 10px !important;

    }

    Here's a guide on how to inject custom CSS. You can further decrease the horizontal spacing by decreasing its value. 

    Hope this helps. Thank you.