EmptySection¶
Used to customize the behavior of the section when it has no items to display.
EmptySection Properties¶
Property | Type | Required | Default |
---|---|---|---|
Caption | string |
No | |
FooterVisible | boolean |
No | false |
Style | string |
No |
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;
}