Integration Card Footer
The card footer holds a strip of different buttons that can trigger actions.
Properties
| Property | Type | Default Value | Required | Description | Schema Version | Since |
|---|---|---|---|---|---|---|
| actionsStrip | ActionsStripItem[] | No | An array of items that will be displayed in the footer. | 1.35.0 | 1.93 | |
| visible | boolean | true | No | Determines whether the footer is visible. Note: This property is experimental and may change! |
1.48.0 | 1.108 |
ActionsStripItem properties
| Property | Type | Default Value | Required | Description | Schema Version | Since |
|---|---|---|---|---|---|---|
| type | string | "Button" | No |
The type of the item. Possible values are:
|
1.35.0 | 1.93 |
| actions | Actions[] | No | Actions that are triggered when the item is pressed. | 1.35.0 | 1.65 | |
| overflowPriority | sap.m.OverflowToolbarPriority | No | Defines items priority. | 1.35.0 | 1.93 | |
| icon | string | No | The icon of the item. | 1.35.0 | 1.93 | |
| text | string | No | The text of the item. | 1.35.0 | 1.93 | |
| tooltip | string | No | The tooltip of the item. | 1.35.0 | 1.93 | |
| buttonType | sap.m.ButtonType | No | The type of the button. Only used when the type is "Button". | 1.35.0 | 1.93 | |
| ariaHasPopup | sap.ui.core.aria.HasPopup | No | Use this property only when the item is related to a popover/popup. | 1.35.0 | 1.93 | |
| visible | boolean | true | No | Determines whether the item is visible. | 1.35.0 | 1.93 |
Example
Define the footer:
{
"sap.card": {
"header": { ... },
"content": { ... },
"footer": {
"actionsStrip": [
{
"text": "Approve",
"overflowPriority": "High",
"actions": [
{
"type": "Custom",
"parameters": {
"method": "approve"
}
}
]
},
{
"buttonType": "Reject",
"text": "Reject",
"overflowPriority": "High",
"actions": [
{
"type": "Custom",
"parameters": {
"method": "reject"
}
}
]
}
]
}
}
}
Try it Out