ObjectCell¶

ObjectCell Properties¶

Property	Type	Required	Default
AccessoryType	`enum`	Optional
ContextMenu	ContextMenu	Optional
Description	`string`	Optional
DetailImage	Image	Optional
DetailImageIsCircular	`boolean`	Optional	`false`
DetailImageText	`string`	Optional
Footnote	`string`	Optional
Icons	Image	Optional
OnAccessoryButtonPress	ActionOrRule	Optional
OnPress	ActionOrRule	Optional
PreserveIconStackSpacing	`boolean`	Optional	`true`
ProgressIndicator	`enum`	Optional
StatusImage	Image	Optional
StatusText	`string`	Optional
Styles	`object`	Optional
Subhead	`string`	Optional
SubstatusImage	Image	Optional
SubstatusText	`string`	Optional
Title	`string`	Optional
Visible	`boolean`	Optional	`true`
_Name	`string`	Optional

AccessoryType¶

Optional accessory icon to 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.
`toDownload`	A cloud download icon on Android. Display as blank on iOS and web.
`inProgress`	A animated spinning icon on Android. Display as blank on iOS and web.
`open`	An opening new file icon on Android. Display as blank on iOS and web.

ContextMenu¶

Define the contextmenu for the Object Cell. This item is only applicable for the dynamic ObjectTable.

type: ContextMenu

Description¶

Would not be displayed if control is rendered within FlexibleColumnLayout (except for last column).

type: string

DetailImage¶

Image to be displayed in the cell.

type: Image

DetailImageIsCircular¶

If the value is true, the image is displayed in a circular shape.

type: boolean
default: false

DetailImageText¶

Text to be shown in image container when detail image is not present

type: string

Footnote¶

Text of footnote, which is initially hidden. Setting a non-empty string would no longer hide the label.

type: string

Icons¶

Arrary of images to be rendered in Icons Stack. Each icon/image size is set to be 16px by 16px. Count of visible images is limited to the count of active labels in the main stack.

type: Image[]

All array items must be of the type: Image

OnAccessoryButtonPress¶

Action or rule to be performed when a detail button is pressed, i.e. AccessoryType is set to detailButton or detailDisclosureButton or ProgressIndicator icon.

type: ActionOrRule
Formatter and Binding are not supported

OnPress¶

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

type: ActionOrRule
Formatter and Binding are not supported

PreserveIconStackSpacing¶

When it’s set to true, spacing is preserved for iconStack even when there’s no icons/images added to the icon stack.

type: boolean
default: true

ProgressIndicator¶

Shows progress indicator icon 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.

ProgressIndicator Known Values¶

Value	Description
`inProgress`
`toDownload`
`open`

StatusImage¶

A status image displayed in the status view. It’s expected to either set StatusText or StatusImage to display either one as the same position. When both are set, StatusImage would be displayed in priority.

type: Image

StatusText¶

A status label displayed in the status view. It’s expected to either set StatusText or StatusImage to display either one as the same position. When both are set, StatusImage would be displayed in priority. Would not be displayed if control is rendered within FlexibleColumnLayout (except for last column), use StatusImage instead.

type: string

Styles¶

A style to be applied on the title

type: object with following properties.

Property	Type	Required
Description	`string`	Optional
Footnote	`string`	Optional
StatusText	`string`	Optional
Subhead	`string`	Optional
SubstatusText	`string`	Optional
Title	`string`	Optional
DetailImage	`string`	Optional
StatusImage	`string`	Optional
SubstatusImage	`string`	Optional

Description¶

The string value is a style class name for Description. It is supported only for Android, if it is used in ObjectCollection.

Footnote¶

The string value is a style class name for Footnote.

StatusText¶

The string value is a style class name for StatusText.

Subhead¶

The string value is a style class name for Subhead.

SubstatusText¶

The string value is a style class name for SubstatusText.

Title¶

The string value is a style class name for Title.

DetailImage¶

The string value is a style class name for DetailImage. It is applicable only to SAP icon or font icon types (Supported CSS properties are font-size and color).

StatusImage¶

The string value is a style class name for StatusImage. It is applicable only to SAP icon or font icon types (Supported CSS properties are font-size and color).

SubstatusImage¶

The string value is a style class name for SubstatusImage. It is applicable only to SAP icon or font icon types (Supported CSS properties are font-size and color).

Subhead¶

A sub-header label in the main view.

type: string

SubstatusImage¶

A substatus image displayed below status view. It’s expected to either set SubStatusText or SubStatusImage to display either one as the same position. When both are set, SubStatusImage would be displayed in priority.

type: Image

SubstatusText¶

A substatus label displayed below status view. It’s expected to either set SubStatusText or SubStatusImage to display either one as the same position. When both are set, SubStatusImage would be displayed in priority. Would not be displayed if control is rendered within FlexibleColumnLayout (except for last column), use SubStatusImage instead.

type: string

Title¶

Title text to be displayed on the cell

type: string

Visible¶

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

type: boolean
default: true

_Name¶

type: string

Examples¶

{
  "_Type": "Page",
  "_Name": "SectionedTablePage",
  "Caption": "Work Orders",
  "Controls": [{
    "_Type": "Control.Type.SectionedTable",
    "_Name": "SectionedTable",
    "Sections": [{
      "_Type": "Section.Type.ObjectTable",
      "Visible": true,
      "ObjectCell": {
        "AccessoryType": "disclosureIndicator",
        "Description": "{OrderDescription}",
        "DetailImage": "/MDKApp/Images/workorder.png",
        "Icons": [
          "/MDKApp/Images/icon_severity_medium.png",
          "/MDKApp/Images/open.png"
        ],
        "OnPress": "/MDKApp/Actions/Navigation/NavActionToWorkOrderDetail.action",
        "StatusImage": "/MDKApp/Images/workorder_details.png",
        "Title": "{OrderId}",
        "Styles": {
          "Title": "ObjectCellTitle",
          "Subhead": "ObjectCellSubhead",
          "Footnote": "ObjectCellFootnote",
          "Description": "ObjectCellDescription",
          "StatusText": "ObjectCellStatusText",
          "SubstatusText": "ObjectCellSubstatusText"
        }
      },
      "Target": {
        "EntitySet": "MyWorkOrderHeaderCollection",
        "Service": "/MDKApp/Services/Amw.service",
        "QueryOptions": "$expand=Operations&$orderby=OrderId"
      }
    }]
  }]
}

Style Classes Definition¶

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

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

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

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

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

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