Unable to position input tables in one row?

  • cavezy
    Asked on August 22, 2017 at 1: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

  • Charlie
    Replied on August 22, 2017 at 3:32 AM

    Hi,

    I presume you are referring to these tables:

    Unable to position input tables in one row? Image 1 Screenshot 30

     

    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. 

    Unable to position input tables in one row? Image 2 Screenshot 41

     

    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.