list
The list widget allows you to create a repeatable item in the UI which saves as a list of widget values. map a user-provided string with a comma delimiter into a list. You can choose any widget as a child of a list widget—even other lists.
Name:
listUI: without any
fieldsspecified, the list widget defaults to a text input for entering comma-separated values; withfieldsspecified, the list widget contains a repeatable child widget, with controls for adding, deleting, and re-ordering the repeated widgets.Data type: list of widget values
Options:
default: you may specify a list of strings to populate the basic text field, or an array of list items for lists using thefieldsoption. If no default is declared when usingfieldorfields, will default to a single list item using the defaults on the child widgetsrequired: specify asfalseto ignoremin,maxsetting; defaults totrue. Iftrueandmin,maxvalues are set, list widget validates number of itemsallow_add:falsehides the button to add additional itemscollapsed: whentrue, the entries collapse by defaultsummary: specify the label displayed on collapsed entriesminimize_collapsed: whentrue, collapsing the list widget will hide all of its entries instead of showing summarieslabel_singular: the text to show on the add buttonfield: a single widget field to be repeatedfields: a nested list of multiple widget fields to be included in each repeatable iterationmax: maximum number of items in the list (works only ifminis also specified)min: minimum number of items in the list (works only ifmaxis also specified)add_to_top: whentrue, new entries will be added to the top of the list
Example (
field/fieldsnot specified):
- label: "Tags"
name: "tags"
widget: "list"
default: ["news"]
- Example (
allow_addmarkedfalse):
- label: "Tags"
name: "tags"
widget: "list"
allow_add: false
default: ["news"]
- Example (with
field):
- label: "Gallery"
name: "galleryImages"
widget: "list"
summary: '{{fields.image}}'
field: {label: Image, name: image, widget: image}
- Example (with
fields):
- label: "Testimonials"
name: "testimonials"
widget: "list"
summary: '{{fields.quote}} - {{fields.author.name}}'
fields:
- {label: Quote, name: quote, widget: string, default: "Everything is awesome!"}
- label: Author
name: author
widget: object
fields:
- {label: Name, name: name, widget: string, default: "Emmet"}
- {label: Avatar, name: avatar, widget: image, default: "/img/emmet.jpg"}
- Example (with
default):
- label: "Gallery"
name: "galleryImages"
widget: "list"
fields:
- { label: "Source", name: "src", widget: "string" }
- { label: "Alt Text", name: "alt", widget: "string" }
default:
- { src: "/img/tennis.jpg", alt: "Tennis" }
- { src: "/img/footbar.jpg", alt: "Football" }
- Example (
collapsedmarkedfalse):
- label: "Testimonials"
name: "testimonials"
collapsed: false
widget: "list"
fields:
- {label: Quote, name: quote, widget: string, default: "Everything is awesome!"}
- {label: Author, name: author, widget: string }
- Example (
minimize_collapsedmarkedtrue):
- label: "Testimonials"
name: "testimonials"
minimize_collapsed: true
widget: "list"
fields:
- {label: Quote, name: quote, widget: string, default: "Everything is awesome!"}
- {label: Author, name: author, widget: string }
- Example (with
max&min):
- label: "Tags"
name: "tags"
widget: "list"
max: 3
min: 1
default: ["news"]
- Example (
add_to_topmarkedtrue):
- label: "Tags"
name: "tags"
widget: "list"
add_to_top: true