Skip to content


The Note FormCell is a multi-line text entry control.

Note Properties

Property Type Required Default
Enabled boolean No true
FormatRule Rule No
HelperText string No
IsEditable boolean No true
IsVisible boolean No true
MaxNumberOfLines integer No 2
MinNumberOfLines integer No 1
OnValueChange ActionOrRule No
PlaceHolder string No
Separator boolean No true
Styles object No
Value string No
_Name string Yes
_Type const Yes
validationProperties ValidationProperties No


Disables or enables interaction. The control will have a reduced opacity if this property is false.

  • type: boolean
  • default: true


Rule to perform on value.


Helper text to be displayed if there is no validation view.

  • type: string


Sets the editability of the control. The text field will have a gray background if this property is false. Only applicable if the Enabled property is true, otherwise this property will be treated as false regardless of the value set.

  • type: boolean
  • default: true


Sets the visibility of the control.

  • type: boolean
  • default: true


The maximum number of lines in which the text is displayed. The height of the cell grows to display the text within the specified number of lines. The default value is 2. Any value less than or equal to zero is considered as no limit.

  • type: integer
  • default: 2


The minimum number of lines in which the text is displayed. The height of the cell is restricted to the specified limit and the text is displayed within the line limit. The default value is 1 on the mobile platform and 4 on the web platform. Any value less than or equal to zero is not considered or is ignored.

  • type: integer
  • default: 1


Action or rule to perform after value changed.


Placeholder text to display if value is empty.

  • type: string


Sets the visibility of the separator line below the control. This property will take precedence over the ControlSeparator in section, only supported for Form Cell control in Sectioned Table and not supported in Form Cell Container.

  • type: boolean
  • default: true


Set styles for Background and Value.

  • type: object with following properties.
Property Type Required Default
Background string No
Value string No


The string value is a style class name for Background.


The string value is a style class name for Value.


Text to display

  • type: string


  • type: string


  • type: const

The value of this property must be:



The validation view properties.


  "_Type": "Page",
  "_Name": "FormCellsPage",
  "Caption": "FormCell Example",
  "Controls": [{
    "_Type": "Control.Type.FormCellContainer",
    "_Name": "FormCellContainer",
    "Sections": [{
      "Caption": "Section1",
      "Controls": [{
        "_Type": "Control.Type.FormCell.Note",
        "_Name": "NoteFormCell",
        "PlaceHolder": "Description",
        "FormatRule": "/AssetWorkManager/Rules/FormatRule.js",
        "IsEditable": true,
        "Enabled": true,
        "MaxNumberOfLines": 6,
        "MinNumberOfLines": 2,
        "HelperText": "This is helper text",
        "validationProperties": {
          "ValidationMessage": "Validation Message",
          "ValidationMessageColor": "ff0000",
          "SeparatorBackgroundColor": "000000",
          "SeparatorIsHidden": false,
          "ValidationViewBackgroundColor": "fffa00",
          "ValidationViewIsHidden": false,
          "MaxNumberOfLines": 2
        "Styles": {
          "Background": "NoteFormCellBackground",
          "Value": "NoteFormCellValue"

NoteFormCell with FormatRule supporting PLT formatter

    "PlaceHolder": "Description",
    "_Name": "NoteFormCell",
    "_Type": "Control.Type.FormCell.Note",
    "FormatRule": "$(PLT,'/MDKDevApp/Rules/Uppercase.js','/MDKDevApp/Rules/Lowercase.js')",
    "Value": "...Add note here...",
    "IsEditable": true

Style Classes Definition

/* Note Form Cell - Background */
.NoteFormCellBackground {
  background-color: yellow;

/* Note Form Cell - Value */
.NoteFormCellValue {
  background-color: #0000FF;  /* iOS Only */
  color: black;
  font-style: body;  /* iOS Only */
  font-typeface: bold;  /* Android Only */
  font-size: 16px;