const featureForm = new FeatureForm({
  container: "formDiv", // HTML div
  layer: featureLayer, // Pass in feature layer
  // Configure fields to display
  fieldConfig: [{
    name: "Incident_desc",
    label: "Description"
  },
  {
    name: "Incident_Address",
    label: "Contact"
  }]
});

Property Overview

Property Details

declaredClass Stringreadonly inherited

The name of the class. The declared class name is formatted as esri.folder.className.

description String

Since: ArcGIS API for JavaScript 4.10

The field's description. The description is shown below the field.

domain CodedValueDomain|RangeDomain

Since: ArcGIS API for JavaScript 4.10

The field's domain. This is used to constrain the allowable values of the layer.

This only applies to relevant field types. For example, RangeDomain only applies to numeric and date field types.

editable Boolean

Since: ArcGIS API for JavaScript 4.10

Indicates whether the field can be edited.

This does not change the underlying service's field and whether it can be edited.

Default Value:true

editorType String

Since: ArcGIS API for JavaScript 4.10

The type of editor to use for string field types. Possible values are in the table below. Starting with version 4.16, the preferred way to set the editor type is via TextAreaInput or TextBoxInput classes set within the field element of a FeatureForm's template.

Value	Description
text-box	An HTML textbox will be used to capture input.
text-area	An HTML textarea will be used to capture input.

Possible Values:"text-box"|"text-area"

Default Value:"text-box"

hint String

Since: ArcGIS API for JavaScript 4.10

This property is rendered as a tooltip in the FeatureForm widget. It displays a hint for the attribute field's value.

includeTime Boolean

Since: ArcGIS API for JavaScript 4.17

Indicates whether date fields should display input for editing time.

Default Value:true

See also:

• DateTimePickerInput

label String

Since: ArcGIS API for JavaScript 4.10

The field's label. The label is shown above the field.

maxLength Number

Since: ArcGIS API for JavaScript 4.10

Restricts the input length.

This only applies to numeric and text field types.

Default Value:-1

minLength Number

Since: ArcGIS API for JavaScript 4.16

Restricts the input length.

This only applies to numeric and text field types.

Default Value:-1

name String

The field name.

required Boolean

Since: ArcGIS API for JavaScript 4.10

Indicates whether the field is required.

This cannot change the underlying service's field requirements.

Default Value:false

requiredExpression String

Since: ArcGIS API for JavaScript 4.16

A reference to an Arcade expression that returns a boolean value. When this expression evaluates to true and the element is visible, the element must have a valid value in order for the feature to be created or edited. When the expression evaluates to false the element is not required. If no expression is provided, the default behavior is that the element is not required. If the referenced field is non-nullable, the required expression is ignored and the element is always required.

visibilityExpression String

Since: ArcGIS API for JavaScript 4.11

A reference to an Arcade expression that returns a boolean value. When this expression evaluates to true, the element is displayed. When the expression evaluates to false the element is not displayed. If no expression is provided, the default behavior is that the element is displayed. Care must be taken when defining a visibility expression for a non-nullable field i.e. to make sure that such fields either have default values or are made visible to users so that they can provide a value before submitting the form.

This only affects how the field is rendered. It does not have any impact on the attribute's values.

Default Value:null

Example:

// Array of two field configurations.
// The first one displays the feature's status whereas
// the second one only displays if the resolution of
// the issue if the status is "Completed"
// and the resolution value is not null.

fieldConfig: [{
  name: "status",
  editable: false, // not an editable field
  label: "Issue status",
  description: "E.g. submitted, received, in progress, or completed."
},{
  name: "resolution",
  label: "Resolution",
  editable: false,
  description: "Resolution if status is 'Completed'",
  visibilityExpression: "($feature.status == 'Completed') && (!(IsEmpty($feature.resolution)))"
}]