Page History
...
| Code Block | ||
|---|---|---|
| ||
form:
properties:
salutation:
label: Salutation
$type: textField
i18n: true
firstName:
label: First name
$type: textField
required: true
lastName:
label: Last name
$type: textField
required: true
email:
label: Email
$type: textField
required: true
validators:
email:
$type: emailValidator
phone:
label: Phone
$type: textField
required: true |
The properties list here is defined with the YAML list syntax.
...
| Code Block | ||||||
|---|---|---|---|---|---|---|
| ||||||
layout:
$type: tabbedLayout
tabs:
personal:
fields:
- name: salutation
- name: firstName
- name: lastName
details:
fields:
- name: email
- name: phone
address:
fields:
- name: streetAddress
- name: postalCode
- name: city
- name: country |
Horizontal layout
With the horizontal layout, you can arrange components horizontally. To disable spacing between components, set the spacing property to false.
...
With the editor action layout, you can define an action area in content apps. This is the default layout for dialog footers with primary and secondary actions.
To learn about its the layout properties, see footerLayout.
...
| language | yml |
|---|---|
| title | Example editor action layout definition |
| collapse | true |
...
Overview
Content Tools