Skip to content

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

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.


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.

Value

The string value is a style class name for Value.


Value

The value of the cell.

  • type: string

Visible

Set the visibility of this control.

  • type: boolean
  • default: true

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;
}