Form UI, controlling the layout of fields

  • bellevuefineart
    Asked on June 22, 2018 at 1:36 PM

    I've got a form where customers can choose an item, and it several options. But the options etc span more than one row. They don't fit on a single row, so it will have to span two rows. The problem is I can't figure out how to make it look good. I can't control the line break, or whether or not the second row is left or right justified, so the fields come out jumbled. 

    How can I better control this so I get a nice layout?



    Jotform Thread 1506409 Screenshot
  • Nik_C
    Replied on June 22, 2018 at 2:09 PM

    You can insert the below CSS to Custom CSS field:

    li#id_231 {

        position: relative;

        left: 72px;

    }

    li#id_233 {

        position: relative;

        left: 50px;

    }

    That will make fields align like this:

    1529690902Screen Shot 2018 06 22 at 8 Screenshot 10

    Let us know how that worked for you.

    Thank you!