SAP Overview Page List Cards Examples
Hello,
I created and published a GitHub project with SAP Overview Page List Cards Examples. The examples were created in SAP WEB IDE and as a data source I used Northwind V3 Service.
Link to GitHub Project – DusanSacha/sap_overview_page · GitHub
Link to full blog post with detailed information – www.cadaxo.com/user-experience/sap-overview-page-example-list-card/
In this post you can find direct links to annotation files and setting files (manifest.json) for following examples:
Condensed List Card with Standard Flavor – link to annotation file, manifest.json file
Condensed List Card with Bar Flavor – link to annotation file, manifest.json file
Extended List Card with Standard Flavor – link to annotation file, manifest.json file
Extended List Card with Bar Flavor – link to annotation file, manifest.json file
Bests, Dusan 🙂
Great blog, Thanks for sharing
Hi, what if there is date value and I want to change date formate to "MM/DD/YYYY". Is there any option to do that in Annotation file or Manifest.json file.
Hello,
This is a great example, thanks. Â By chance would you have an examples of Link List Cards? Â Not sure if it's me but I can't seem to find anything online for this type of card.
Hello Adam,
Sorry, no, I don't have that example.
Dusan
Hi Adam,
Were you able to create the link list card? Can you share me the annotation file if you could do that.
Regards,
Arun K
Hi,
Does anyone know how to represent the progress (completion of the progress bar) in the progress bar? I saw examples/posts where it is done, this is not the case, just in case. Thanks!
Regards,
Pablo.
Hi,
please, check following post:
https://blogs.sap.com/2017/09/22/sap-fiori-overview-page-list-cards-in-detail/
It should be more up-to-date and also with the usage of the progress bar.
Bests, Dusan
Hi Dusan,
Thanks, yes I already found the same post.
Regards,
Pablo.
Hi Dusa,
This helps a lot -
Is there way to change font size and color of text on these cards using local annotations ?
or any other way ?
Thanks
Tanveer