Unable to position input tables in one row?

  • Profile Image
    cavezy
    Asked on August 22, 2017 at 01:13 AM

    Hi I have shrunk a table with only 1 column in it, duplicated it and still it wont merge into 1 line. Form width is 900, table width is 50



    This is a re-post of a comment on How to Position Fields in JotForm

  • Profile Image
    Charlie
    Answered on August 22, 2017 at 03:32 AM

    Hi,

    I presume you are referring to these tables:

     

    Were you using a theme on this? It seems like the current theme you are using is overwriting the behavior of the tables which is why they are not properly positioning as one line row. 

    There are two ways on how you can resolve this.

    Method #1: You can try resetting your theme to the default theme, you can see that the behavior of the fields will then be normal as intended by the settings you have. 

     

    Method #2: You can inject a custom CSS code that will force a width to those fields that have been shrink. Here's an example code: 

    li.form-line.form-line-column  {  

        max-width: 50% !important;

    }

    This would set the fields that are shrink to have a max-width of 50% of the total width. In your case, it's maximizing the full width which is why they are not positioning in one row. 

    I hope that helps.