SimplePropertyCell¶

SimplePropertyCell Properties¶

Property	Type	Required	Default
AccessoryType	`enum`	Optional
KeyName	`string`	Optional
OnPress	ActionOrRule	Optional
Styles	`object`	Optional
Value	`string`	Optional
Visible	`boolean`	Optional	`true`
_Name	`string`	Optional

AccessoryType¶

Optional accessory icon to be displayed in the cell. If both AccessoryType and ProgressIndicator are set, only the ProgressIndicator is shown.

type: enum

The value of this property must be equal to one of the known values below.

Value	Description
`checkmark`	A checkmark icon.
`detailButton`	An information icon.
`detailDisclosureButton`	An information icon and a disclosure (chevron) control on iOS and web. An information icon only on Android.
`disclosureIndicator`	A chevron-shaped control for presenting new content on iOS and web. Display as blank on Android.
`none`	No accessory view.

KeyName¶

The key name of the cell.

type: string

OnPress¶

Action/Rule to be triggered when the cell is pressed.

type: ActionOrRule
Formatter and Binding are not supported

Styles¶

type: object with following properties.

Property	Type	Required	Default
KeyName	`string`	Optional
Value	`string`	Optional

KeyName¶

The string value is a style class name for KeyName.

TextPaint style class

Value¶

The string value is a style class name for Value.

Value style class

Value¶

The value of the cell.

type: string

Visible¶

Only valid for static section, will be ignored in dynamic sections.

type: boolean
default: true

_Name¶

type: string

Examples¶

Static¶

{
  "_Type": "Page",
  "_Name": "StaticSimplePropCollectionPage",
  "Caption": "Static Simple Prop Collection (Facets)",
  "Controls": [{
    "_Type": "Control.Type.SectionedTable",
    "_Name": "SectionedTable",
    "Sections": [{
      "_Type" : "Section.Type.SimplePropertyCollection",
      "SimplePropertyCells": [{
        "SimplePropertyCell": {
          "AccessoryType": "disclosureIndicator",
          "KeyName" : "Workorders",
          "Value" : "42",
          "OnPress": "/AssetWorkManager/Actions/Messages/Message2.action",
          "Visible": true,
          "Styles": {
            "KeyName": "SimplePropertyCellKeyName",
            "Value": "SimplePropertyCellValue"
          }
        }
      }],
      "Layout": {
        "NumberOfColumns": 1
      }
    }]
  }]
}

Dynamic¶

{
  "_Type": "Page",
  "_Name": "SimplePropCollectionsPage",
  "Caption": "Simple Prop Collections",
  "Controls": [{
    "_Type": "Control.Type.SectionedTable",
    "_Name": "SectionedTable",
    "Sections": [{
      "_Type": "Section.Type.SimplePropertyCollection",
      "Header": {
        "Caption": "Simple property cells"
      },
      "Footer": {
        "Caption": "Section Footer",
        "AccessoryType": "disclosureIndicator",
        "OnPress": "/AssetWorkManager/Actions/Messages/Message.action"
      },
      "Layout": {
        "NumberOfColumns": 1
      },
      "MaxItemCount": 5,
      "SimplePropertyCell": {
        "AccessoryType": "disclosureIndicator",
        "KeyName" : "{OrderDescription}",
        "Value" : "{OrderId}",
        "OnPress": "/AssetWorkManager/Actions/Messages/Message2.action",
        "Styles": {
          "KeyName": "SimplePropertyCellKeyName",
          "Value": "SimplePropertyCellValue"
        }
      },
      "Target": {
        "EntitySet": "MyWorkOrderHeaders",
        "Service": "/AssetWorkManager/Services/Amw.service"
      }
    }]
  }]
}

Style Classes Definition¶

/* SimpleProperty Cell - KeyName */
.SimplePropertyCellKeyName {
  background-color: #0000FF;
  color: black;
  font-style: UIFontTextStyleBody;  /* iOS Only */
  font-typeface: bold;  /* Android Only */
  font-size: 16px;
}

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