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
_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.


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

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