Footer¶
This is a section bar control to add a footer bar to a compound and container control.
Footer Properties¶
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.
- type: ActionOrRule
- Formatter and Binding are not supported
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
Footer Shown Rules¶
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¶
// 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"
}
]
}