Integration Card Footer

Experimental feature since version 1.93. The API may change.

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

ActionsStripItem properties

Property Type Default Value Required Description Schema Version Since
type string "Button" No The type of the item. Set this to "ToolbarSpacer" if you wish to create a spacer. 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. 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