manifest3.json

{
	"_version": "1.17.0",
	"sap.app": {
		"id": "card.explorer.format.percent",
		"type": "card",
		"title": "Sample for Percent Formatters",
		"subTitle": "Sample for Percent Formatters",
		"applicationVersion": {
			"version": "1.0.0"
		},
		"shortTitle": "A short title for this Card",
		"info": "Additional information about this Card",
		"description": "A long description for this Card",
		"tags": {
			"keywords": [
				"Percent",
				"Formatter",
				"Card",
				"Sample"
			]
		}
	},
	"sap.card": {
		"type": "List",
		"header": {
			"title": "Discount status",
			"subTitle": "Discounts exceeding {= format.percent(0.50)} are highlighted as important",
			"icon": {
				"src": "sap-icon://desktop-mobile"
			},
			"status": {
				"text": "4 of 5"
			}
		},
		"content": {
			"data": {
				"json": [
					{
						"Name": "Keyboard and Mouse",
						"image": "sap-icon://keyboard-and-mouse",
						"Discount": 0.55
					},
					{
						"Name": "ITelO Vault",
						"image": "sap-icon://shield",
						"Discount": 0.03
					},
					{
						"Name": "Notebook Professional 15",
						"image": "sap-icon://laptop",
						"Discount": 0.001
					},
					{
						"Name": "Ergo Screen E-I",
						"image": "sap-icon://desktop-mobile",
						"Discount": 0.69
					},
					{
						"Name": "Laser Professional Eco",
						"image": "sap-icon://keyboard-and-mouse",
						"Discount": 0.40
					}
				]
			},
			"maxItems": 4,
			"item": {
				"title": "{Name}",
				"description": "Discount:",
				"highlight": "{= ${Discount} < 0.50 ? 'Success' : 'Error'}",
				"icon": {
					"src": "{image}"
				},
				"info": {
					"value": "{= format.percent(${Discount})}"
				}
			}
		}
	}
}