- Name:
object
- UI: a field containing one or more child widgets
- Data type: Object of child widget values
The object widget allows you to group multiple widgets together, nested under a single field. You can choose any widget as a child of an object widget, even other object widgets.
Widget Options
For common options, see Common widget options.
Name 17417_a8f78f-23> |
Type 17417_592eb6-60> |
Default 17417_b97b10-8a> |
Description 17417_2c011a-1e> |
---|---|---|---|
fields 17417_8651fb-d5> |
boolean 17417_565a72-c7> |
|
A nested list of widget fields to include in your widget 17417_da5727-47> |
collapsed 17417_d55ff6-fd> |
boolean 17417_1a986f-cb> |
|
Optional. Collapse the widget’s content by default 17417_0a326a-c7> |
summary 17417_de6683-3b> |
string 17417_8cc6f5-7f> |
|
Optional. The label displayed when the object is collapsed. Can use Template Transformations 17417_d4a8dc-ac> |
Please note: A default value cannot be set directly on an object widget. Instead you can set defaults within each sub-field’s configuration
Example
name: 'profile'
label: 'Profile'
widget: 'object'
summary: '{{fields.name}}: {{fields.birthdate}}'
fields:
- name: public
label: Public
widget: boolean
default: true
- name: name
label: Name
widget: string
- name: 'birthdate'
label: 'Birthdate'
widget: 'date'
default: ''
format: 'MM/dd/yyyy'
- name: 'address'
label: 'Address'
widget: 'object'
collapsed: true
fields:
- name: street
label: Street Address
widget: string
- name: city
label: City
widget: string
- name: post-code
label: Postal Code
widget: string
name: 'profile',
label: 'Profile',
widget: 'object',
summary: '{{fields.name}}: {{fields.birthdate}}',
fields: [
{
name: 'public',
label: 'Public',
widget: 'boolean',
default: true
},
{
name: 'name',
label: 'Name',
widget: 'string'
},
{
name: 'birthdate',
label: 'Birthdate',
widget: 'date',
default: '',
format: 'MM/dd/yyyy'
},
{
name: 'address',
label: 'Address',
widget: 'object',
collapsed: true,
fields: [
{ name: 'street', label: 'Street Address', widget: 'string' },
{ name: 'city', label: 'City', widget: 'string' },
{ name: 'post-code', label: 'Postal Code', widget: 'string' },
],
},
],