Form View
Last updated
Last updated
Form View allows to request some data from the user. When the form is submitted, the command will receive all values in the respective parameters.
The delivery method depends on the type of your command. For , the form data is sent using stdin, and for , it's sent using a GET or POST request.
Property CommandResponse.view
of type Form
allows showing a custom form in the Command Bar.
type: "form"
fields: An array of objects. By default, each field will be displayed in a separate row. If you want some fields to be displayed in the same row – put them in a nested array, the available space will be evenly split between them. See examples below for more details.
title: Optional. Title of the form.
submitLabel: Optional. Text label for the submit button.
cancelLabel: Optional. Text label for the cancel button.
method: Optional. "get"
or "post"
(default). HTTP request method that will be used to submit the form. This is only relevant to .
error. Optional. The error message to show for the whole form.
Property CommandResponse.view.fields
defines an array of fields in the Form View. There are multiple different form field types that allow creating sophisticated forms.
A plain-text input, similar to the HTML <input/>
tag, defines a field where a user can enter free-form data.
type: "text"
id: ID of the field. Must be unique in the Form view.
label: Label for the field.
required: Optional, true
or false
. Whether this field is required.
defaultValue: Optional. The initial text value for this field.
error: Optional. If set, shows an error message under the field.
helpText: Optional. A Markdown text which will be displayed under the field.
placeholder: Optional. Placeholder for this field, displayed inside the field in gray.
multiline: Optional, true
or false
. Whether the field should be displayed as a large textarea.
Defines a field that allows the user to enable or disable something.
type: "toggle"
id: ID of the field. Must be unique in the Form View.
label: Label for the field.
required: Optional, true
or false
. Whether this field is required.
defaultValue: Optional, true
or false
. The default value for this field.
error: Optional. If set, shows an error message under the field.
helpText: Optional. A Markdown text which will be displayed under the field.
Defines a field which lets the user easily select a date from a calendar style UI.
type: "date"
id: ID of the field. Must be unique in the Form View.
label: Label for the field.
required: Optional, true
or false
. Whether this field is required.
defaultValue: Optional. Default value for this field as a Date string.
error: Optional. If set, shows an error message under the field.
helpText: Optional. A Markdown text which will be displayed under the field.
timeSelect: Optional, true
or false
(default). Whether the field allows selecting the time too.
Defines a field that allows the user to select one or multiple options.
type: "select"
id: ID of the field. Must be unique in the Form View.
label: Label for the field.
required: Optional, true
or false
. Whether this field is required.
defaultValue: Optional. Default value for this field. If the field allows selecting multiple values (see multiple
), an array of strings can be provided.
error: Optional. If set, shows an error message under the field.
helpText: Optional. A Markdown text which will be displayed under the field.
multiple: Optional, true
or false
. Whether the field allow selecting single or multiple options.
placeholder: Optional. Placeholder of the field, shown inside in gray.
label: Label for the option.
value: Value of the option.
options: A list of strings or objects that a user can select from.
Allows to customize options for .