Components
entity

field-row

3min

The field-row component contains other components and displays them on the same row. This component does not indicate a new row; all components are automatically placed in a new row. Instead, this component ensures that items are placed next to instead of underneath each other.

Considerations

  • Rows can contain entity-field components:
  • A maximum of three components can be displayed per row.

Some properties are common to all components, see Common component properties for a list and their configuration options.



Examples and code snippets 

Field-row


Example showing how rows have been incorporated to display more than one component per row in certain instances.

Examples: See the full example using static data in GitHub. See the full example using dynamic data in GitHub.

Datasources: See the full datasource for static data in GitHub. See the full datasource for dynamic data in GitHub.

row-entity-fields (static)
row-entity-fields (dynamic)
datasources (static)
datasources (dynamic)

field-row on form
Field-row on form


Examples: See the full example using dynamic data in GitHub.

Datasource: See the full datasource for dynamic data in GitHub.

form-rows-children (dynamic)
datasources (dynamic)




Updated 24 Jul 2024
Doc contributor
Did this page help you?
Yes
No