Skip to content

EmptySection

Used to customize the behavior of the section when it has no items to display.

EmptySection Properties

Property Type Required Default
Caption string Optional
FooterVisible boolean Optional false
Style string Optional

Caption

Caption label to be displayed for the extension when the section is empty. A caption that will be shown in a cell between the header and the footer.

  • type: string

FooterVisible

Automatically show/hide the footer for the section when the section is empty. This property is intended for replacing the HidesFooter property. If this property is defined, then HidesFooter property is ignored.

  • type: boolean
  • default: false

Style

A style that will be applied to the label control used to show the Caption.

This style can also be modified globally using a pre-defined style named EmptySectionCaptionStyle.

  • type: string

Examples

{
  "_Type": "Page",
  "_Name": "EmptySections",
  "Caption": "Empty Sections",
  "Controls": [
    {
      "_Type": "Control.Type.SectionedTable",
      "_Name": "SectionedTable",
      "Sections": [
        {
          "_Type": "Section.Type.ObjectTable",
          "Header": {
            "Caption": "Empty Object Table"
          },
          "EmptySection": {
            "Caption": "No objects available to display in table",
            "FooterVisible": true
          },
          "Footer": {
            "Caption": "See all",
            "AccessoryType": "disclosureIndicator",
            "FooterStyle": "attribute"
          },
          "ObjectCell": {
            "Title": "Work Order",
            "DetailImage": "/MDKApp/Images/workorder.png",
            "Icons": [
              "/MDKApp/Images/icon_severity_medium.png",
              "/MDKApp/Images/open.png"
            ],
            "StatusImage": "/MDKApp/Images/workorder_details.png"
          },
          "Target": {
            "EntitySet": "PMCatalogProfiles",
            "Service": "/MDKApp/Services/AssetManager.service",
            "QueryOptions": "/MDKApp/Rules/Notifications/Item/Cause/NotificationItemCauseGroupQuery.js"
          }
        },
        {
          "_Type": "Section.Type.ObjectCollection",
          "Header": {
            "Caption": "Empty Object Collection (hides footer, styled)"
          },
          "EmptySection": {
            "Caption": "No objects available to display in collection",
            "FooterVisible": false,
            "Style": "EmptyKeyValueSectionCaption"
          },
          "Footer": {
            "Caption": "See all",
            "AccessoryType": "disclosureIndicator",
            "FooterStyle": "attribute"
          },
          "ObjectCell": {
            "Title": "Work Order",
            "DetailImage": "/MDKApp/Images/workorder.png",
            "Icons": [
              "/MDKApp/Images/icon_severity_medium.png",
              "/MDKApp/Images/open.png"
            ],
            "StatusImage": "/MDKApp/Images/workorder_details.png"
          },
          "Target": {
            "EntitySet": "PMCatalogProfiles",
            "Service": "/MDKApp/Services/AssetManager.service",
            "QueryOptions": "/MDKApp/Rules/Notifications/Item/Cause/NotificationItemCauseGroupQuery.js"
          }
        }
      ]
    }
  ]
}
/* Styles.less */
.EmptyKeyValueSectionCaption {
  color: @red1;
  font-name: italicSystem;
}