# Data Input

# type: dataInput

This Element allows to input values which will be assigned to a column of a Datasource.

Data-Input-Element

# Configuration Overview

{
  "id": "textarea",
  "type": "dataInput",
  "source": "frt_1",
  "config": {
    "column": "Name",
    "inputType": "input",
    "label": "The name is",
    "placeholder": "Placeholder Name",
    "escapeHtml": false
  }
}
1
2
3
4
5
6
7
8
9
10
11
12

# Properties

# id

Property: id

Type: string

Description: The unique ID assigned to the Element. This is defined by the Builder and used to refer to the Element in Layouts.

"id": "textarea"
1

# type

Property: type

Type: string

Description: The type of the Element.

"type": "dataInput"
1

# config.column

Property: config.column

Type: string

Description: The column to edit. The component will take the value in the first row of this column.

"column": "Name",
1

# config.inputType

Property: config.inputType

Type: string

Description: The type of the input. Possible values are input and textarea.

"inputType": "input"
1

# config.label

Property: config.label

Type: string

Description: Override for the input label, which defaults to 'Change <column name>'

"label": "The name is",
1

# config.placeholder

Property: config.placeholder

Type: string

Description: The placeholder to show while the input is empty.

"placeholder": "Placeholder Name",
1

# config.editing

Property: config.editing

Type: object

Description: Labels for the start and stop editing button.

"editing": {
   "labels": {
      "startEditing": "Start",
      "stopEditing": "Stop"
  }
}
1
2
3
4
5
6

# config.escapeHtml

Property: config.escapeHtml

Type: boolean

Description: Enable or disable HTML escaping on input when in readonly mode.

"escapeHtml": false
1