Skip to content

Note

The NoteFormCell is a multi-line text entry control.

Note Properties

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

FormatRule

Rule to perform on value


IsEditable

Disables or enables interaction

  • type: boolean
  • default: true

IsVisible

  • type: boolean

MaxNumberOfLines

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

integer


MinNumberOfLines

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. Any value less than or equal to zero is not considered or is ignored.

  • type: integer
  • default: 1

integer


OnValueChange

Action or rule to perform after value changed


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.Note"

validationProperties


Examples

{
  "_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,
        "MaxNumberOfLines": 6,
        "MinNumberOfLines": 2,
        "validationProperties": {
          "ValidationMessage": "Validation Message",
          "ValidationMessageColor": "ff0000",
          "SeparatorBackgroundColor": "000000",
          "SeparatorIsHidden": false,
          "ValidationViewBackgroundColor": "fffa00",
          "ValidationViewIsHidden": false,
          "MaxNumberOfLines": 2
        },
        "Styles": {
          "Background": "NoteFormCellBackground",
          "Value": "NoteFormCellValue"
        }
      }]
    }]
  }]
}

Style Classes Definition Examples

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

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