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
Display Number and Formula fields as line items
Show fieldsets in multiple columns
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:
So that what once looked like this:
Now looks like this:
For detailed instructions and examples on how to use the Layout Box component, check out the IT Knowledge Base article: Webform Layout (a.k.a. Layout Box).