If you've ever wished you could聽display webform fields in a single line, then you're in luck.
A new component has been added to webforms that can group and display fields horizontally. The new Layout Box聽field can be used to:
Show related聽input fields in a single line
Image by Lee-Yan Marquez.
Display Number and Formula fields as line items
Image by Lee-Yan Marquez.
Show fieldsets in multiple columns
Image by Lee-Yan Marquez.
How do I use it?
It's fairly simple. To show聽related fields like Salutation, First Name and Last Name in a single line, just add a Layout Box and nest the聽fields so that they become its children:
Image by Lee-Yan Marquez.
So that what once looked like this:
Image by Lee-Yan Marquez.
Now looks like this:
Image by Lee-Yan Marquez.
For detailed instructions and examples聽on how to use the Layout Box component, check out the聽.
