How to have responsive form columns

  • Angel
    Asked on July 17, 2018 at 5:52 PM

    Hi, first of all... Great job with your Tool :)

    My question is about the align of the fields in the form using colums.

    I saw the option in Style, but will be possible to add percent values for width instead ox pixels values?

    Thanks and greetings.

  • Elton Support Team Lead
    Replied on July 17, 2018 at 8:25 PM

    I think the field properties as well as in the advanced designer only supports pixels (px).

    If you want to use percent (%), that's possible by injecting custom CSS codes to your form.

    Example, if you want to have 2 columns, you can inject this CSS codes to your form. You can use this CSS.

    .form-line-column {

        width: 50%;

    }

    Make sure to move every 3rd column into a new line to prevent fields from moving to its position.

    Here's how:

    How to have responsive form columns Image 1 Screenshot 20