cancel
Showing results for 
Search instead for 
Did you mean: 

How can I change the width of a card in overview page?

Former Member
4,349

Hi.

I need to change the width of some cards, for example some card has to be twice wider, than others, as on screenshot. But I can't find out how to do that. Is there any property or setting, that control the width of each card? Or if not, why have the cards different width on screenshot, that I took from developer guide?
Thank you in advance!

View Entire Topic
kyun_ryu
Newcomer

"sap.ovp": {
"globalFilterModel": "YSFLIGHT_SRV",
"globalFilterEntityType": "Sflight",
"containerLayout": "resizable",
"cards": {
"SflightOverview_card00": {
"model": "YSFLIGHT_SRV",
"template": "sap.ovp.cards.table",
"settings": {
"title": "{{ysflight_card00_title}}",
"subTitle": "{{ysflight_card00_subTitle}}",
"entitySet": "SflightSet",
"sortBy": "Carrid",
"sortOrder": "ascending",
"addODataSelect": "true",
"defaultSpan" : {
"cols": 3,
"rows": 35
},

"annotationPath": "com.sap.vocabularies.UI.v1.LineItem#Table"
}
},

ketann
Participant

This code helped me to resolve my default size issue in card. Thank you !

"defaultSpan" : {
"cols": 3,
"rows": 35

}, 
Abhi9
Explorer
Just wondering is it still valid solution for version 1.108 and above . none of the props gets reflected .. stopResizing, defaultSpan and if i change containerLayout to Fixed it just throws an exception .