Skip to content

Footer

This is a section bar control to add a footer bar to a compound and container control.

Property Type Required Default
AccessoryType enum Optional "none"
AttributeLabel string Optional
Caption string Optional
FooterStyle enum Optional "title"
OnPress ActionOrRule Optional
UseBottomPadding boolean Optional true
Visible boolean Optional true
_Name string Optional

AccessoryType

Optional accessory icon to be displayed in the cell. Applicable to iOS and web only.

  • type: enum
  • default: none

The value of this property must be equal to one of the known values below.

Value Description
disclosureIndicator A chevron-shaped control for presenting new content on iOS and web.
none No accessory view.

AttributeLabel

Text label for the attribute content. Not supported in 'help' and 'title' style footers.

  • type: string

Caption

Text label for the caption content.

  • type: string

FooterStyle

A style to be applied on the footer control.

  • type: enum
  • default: "title"

The value of this property must be equal to one of the known values below.

FooterStyle Known Values

Value Description
attribute
help
title

OnPress

Action or rule to be performed when the event is triggered. Not supported in 'help' style footers.

UseBottomPadding

For iOS devices, this property shows or hides the bottom padding of the section footer (gray separator).

For Android devices, this property is not applicable, as there is no gray separator after the footer.

  • type: boolean
  • default: true

Visible

Shows or hides the section footer.

  • type: boolean
  • default: true

_Name

  • type: string

The footer will be shown or hidden based on the following combinations;

EmptySection.FooterVisible Footer.Visible Is Section Empty? Shown
false true true false
false true false true
false false true false
false false false false
true true true true
true true false true
true false true false
true false false false

Examples

// Footer metadata
{
  "Sections": [
    {
      "EmptySection": {  
        "Caption": "EmptySection Caption",
        "FooterVisible": true
      },
      "Footer": {
        "Caption": "This is an 'attribute' style footer",
        "AccessoryType": "disclosureIndicator",
        "AttributeLabel": "7 (the attribute)",
        "FooterStyle": "attribute",
        "OnPress": "/MyMDKApp/Actions/ShowMessage.action",
        "Visible": true
      },
      "Layout": {
        "NumberOfColumns": 1
      },
      "ObjectCells": [{  
        "ObjectCell": {
          "Footnote": "Footnote",
          "AccessoryType": "disclosureIndicator",
          "Title": "Title",
          "SubstatusText":" SubstatusText",
          "Subhead": "Support"
        }
      }],
      "_Type": "Section.Type.ObjectCollection"
    }
  ]
}

Title Style

This style provides a caption only. 

// Footer metadata
{
  "Sections": [
    {
      "Footer": {
        "Caption": "This is a 'title' style footer (the default)"
      },
      "KeyAndValues": [
        {
          "KeyName": "FirstName",
          "Value": "Lewis"
        },
        {
          "KeyName": "LastName",
          "Value": "Black"
        },
        {
          "KeyName": "Emails",
          "Value": "lewisblack@example.com"
        }
      ],
      "_Type": "Section.Type.KeyValue"
    }
  ]
}

Attribute Style

This style provides a caption and an attribute. 

// Footer metadata
{
  "Sections": [
    {
      "Footer": {
        "Caption": "This is an 'attribute' style footer",
        "AccessoryType": "disclosureIndicator",
        "AttributeLabel": "7 (the attribute)",
        "FooterStyle": "attribute",
        "OnPress": "/MyMDKApp/Actions/ShowMessage.action",
        "Visible": true
      },
      "Layout": {
        "NumberOfColumns": 1
      },
      "SimplePropertyCells": [
        {
          "SimplePropertyCell": {
            "KeyName": "Do"
          }
        },
        {
          "SimplePropertyCell": {
            "KeyName": "Re"
          }
        },
        {
          "SimplePropertyCell": {
            "KeyName": "Mi"
          }
        }
      ],
      "_Type": "Section.Type.SimplePropertyCollection"
    }
  ]
}

Help Style

Use this style to provide help on the section. Useful with Button Table sections. 

{
  "Sections": [
    {
      "Footer": {
        "Caption": "This is a 'help' style footer",
        "FooterStyle": "help"
      },
      "Buttons": [{
          "Title": "Close",
          "OnPress": "/MyMDKApp/Actions/Navigation/ClosePage.action",
          "TextAlignment": "center"
      }],
      "_Type": "Section.Type.ButtonTable"
    }
  ]
}