Title¶
This is a single-line text entry control.
Title Properties¶
Property | Type | Required | Default |
---|---|---|---|
FormatRule | Rule | Optional | |
IsEditable | boolean |
Optional | true |
IsVisible | boolean |
Optional | true |
OnValueChange | ActionOrRule | Optional | |
PlaceHolder | string |
Optional | |
Styles | object |
Optional | |
Value | string |
Required | |
_Name | string |
Required | |
_Type | const |
Required | |
validationProperties | ValidationProperties | Optional |
FormatRule¶
Apply rule on Formcell.
- type: Rule
IsEditable¶
Indicates if the cell’s value may be modified.
- type:
boolean
- default:
true
IsVisible¶
Sets the visibility of the control.
- type:
boolean
- default:
true
OnValueChange¶
Action or rule to perform after value changed.
- type: ActionOrRule
- Formatter and Binding are not supported
PlaceHolder¶
Placeholder text to display if value is empty.
- type:
string
Styles¶
Set styles for Background
and Value
.
- type:
object
with following properties.
Property | Type | Required | Default |
---|---|---|---|
Background | string |
Optional | |
Value | string |
Optional |
Background¶
The string value is a style class name for Background
.
Value¶
The string value is a style class name for Value
.
Value¶
Text to display
- type:
string
_Name¶
- type:
string
_Type¶
- type:
const
The value of this property must be equal to:
"Control.Type.FormCell.Title"
validationProperties¶
The validation view properties.
- type: ValidationProperties
Examples¶
{
"_Type": "Page",
"_Name": "FormCellsPage",
"Caption": "FormCell Example",
"Controls": [{
"_Type": "Control.Type.FormCellContainer",
"_Name": "FormCellContainer",
"Sections": [{
"Caption": "Section1",
"Controls": [{
"_Type": "Control.Type.FormCell.Title",
"_Name": "TitleFormCell",
"PlaceHolder": "Title",
"Value": "Work Request",
"FormatRule": "/AssetWorkManager/Rules/FormatRule.js",
"IsEditable": true,
"validationProperties": {
"ValidationMessage": "Validation Message",
"ValidationMessageColor": "ff0000",
"SeparatorBackgroundColor": "000000",
"SeparatorIsHidden": false,
"ValidationViewBackgroundColor": "fffa00",
"ValidationViewIsHidden": false
},
"Styles": {
"Background": "TitleFormCellBackground",
"Value": "TitleFormCellValue"
}
}]
}]
}]
}
TitleFormCell with OnValueChange supporting PLT formatter¶
{
"PlaceHolder": "Title",
"Value": "This should be uppercase",
"_Name": "TitleFormCell",
"_Type": "Control.Type.FormCell.Title",
"OnValueChange": "$(PLT,'/MDKDevApp/Actions/Messages/OnValueChangeIOS.action', '/MDKDevApp/Actions/Messages/OnValueChangeAndroid.action')",
"IsEditable": true
}
Style Classes Definition¶
/* Title Form Cell - Background */
.TitleFormCellBackground {
background-color: yellow;
}
/* Title Form Cell - Value */
.TitleFormCellValue {
background-color: #0000FF;
color: black;
font-style: UIFontTextStyleBody; /* iOS Only */
font-typeface: bold; /* Android Only */
font-size: 16px;
}