Composite Form Fields

Several form fields can be placed onto the same row with a composite field.

Internally, a CompositeField uses an HBox Layout to set the width of each field - see the HBox docs for details or the HBox layout example.

Composite Fields can be configured with the combineErrors option, which combines errors from the Composite's sub fields and present them at the composite level.

In this example the Date Range, Phone and Full Name Composites have this option enabled, and the Time worked Composite does not. The msgTarget config option is fully supported, so errors can be rendered to any of the supported locations

The js is not minified so it is readable. See composite-field.js.