Skip to content

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.


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.


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.


OnPress

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


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.


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


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