Position fields on the same line

is it possible to add another column or 2, to the row so like fields can be grouped together on the same line?

see screenshot example

To meet the requirements you described in your screenshot on your form, please inject the custom CSS codes to your form.

li#id_14 {

    float: left !important;

    padding-left: 100px !important;

}

li#id_21 {

    padding: 12px 100px !important;

}

li#id_14, li#id_21, li#id_7 {

    width: 33% !important;

    display: inline-block !important;

    padding: 12px 36px;

}

#cid_14 div {

    overflow: hidden !important;

}

Reference Guide: How-to-Inject-Custom-CSS-Codes

Feel free to let us know if you need any further assistance.

I would like to apologize that I forgot to mention that you need to shrink all the 3 fields first.

And you also need to enable the "Move to a new line" option ONLY for the Barcode Scanner widget.