This article is outdated, you can access the most current version here: https://doc.onedata.de/apps/apps-docs/odml-documentation/AppBuilder/elements/DataInputElement.html#type-datainput
Article Content
Data Input
type = "dataInput"
With this Element you can input values which will be assigned to a column of your Datasource.
Properties
| Property | Type | Description | Example Value |
| id | string | The unique id assigned to the Element. | "id": "input" |
| type | string | Type of your Element. | "type": "dataInput" |
| config | object | Configuration of the Element. column: The column to edit. The component will take the value in the first row of this column. label: Override for the input label which defaults to 'Change <column name>'. inputType: Type of the input. placeholder: The placeholder to show while the input is empty | "config": { "column": "Name", "label": "The name is" "inputType": "textarea" //|| "input" "placeholder": "Placeholder Name" "editing": { "labels": { "startEditing": "Start", "stopEditing": "Stop" } } } |
Full Example:
{
"id": "textarea",
"type": "dataInput",
"source": "frt_1",
"config": {
"column": "Name",
"inputType": "input",
"label": "The name is",
"placeholder": "Placeholder Name"
}
},
Variable Input
type = "variableInput"
With this Element you can input values which will be assigned to a Variable.
Properties
| Property | Type | Description | Example Value |
| id | string | The unique id assigned to the Element | "id": "variableInputElement" |
| type | string | Type of the Element | "type": "variableInput" |
| config | object | Configuration of the Element | "config": { "variable": "variable1", "inputType": "input || textarea", "label": "My Variable Input", "placeholder": "Placeholer" } |
Example
"global": {
"variables": [
{
"name": "userName",
"type": "string",
"default": "User"
},
{
"name": "userAge",
"type": "int",
"default": 31
},
{
"name": "userData",
"type": "object",
"default": {
"city": "Passau",
"country": "Germany"
}
}
]
},
"elements": [
{
"id": "text",
"type": "html",
"config": {
"html": "",
"$html": {
"value": "Hello <strong>{{userName}}</strong>!<br> You're <em>{{userAge}}</em>
years old and live in <em>{{userData.city}}</em>,
<em>{{userData.country}}</em>"
}
}
},
{
"id": "nameInput",
"type": "variableInput",
"config": {
"variable": "userName",
"inputType": "input",
"label": "Name"
}
},
{
"id": "ageInput",
"type": "variableInput",
"config": {
"variable": "userAge",
"inputType": "input",
"label": "Age",
"placeholder": "Your age"
}
},
{
"id": "dataInput",
"type": "variableInput",
"config": {
"variable": "userData",
"inputType": "textarea",
"label": "Data"
}
}
]
Was this article helpful?
That’s Great!
Thank you for your feedback
Sorry! We couldn't be helpful
Thank you for your feedback
Feedback sent
We appreciate your effort and will try to fix the article