Skip to Content
Author's profile photo Dusan Sacha

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

overviewPage19.png

Condensed List Card with Bar Flavor – link to annotation file, manifest.json file

overviewPage20.png

Extended List Card with Standard Flavor – link to annotation file, manifest.json file

overviewPage18.png

Extended List Card with Bar Flavor – link to annotation file, manifest.json file

overviewPage21.png

Bests, Dusan 🙂

Assigned Tags

      9 Comments
      You must be Logged on to comment or reply to a post.
      Author's profile photo Robert Eijpe
      Robert Eijpe

      Great blog, Thanks for sharing

      Author's profile photo Priteshkumar Patel
      Priteshkumar Patel

      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.    

      Author's profile photo Former Member
      Former Member

      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.

      Author's profile photo Dusan Sacha
      Dusan Sacha
      Blog Post Author

      Hello Adam,

      Sorry, no, I don't have that example.
      Dusan

      Author's profile photo Arun Krishnamoorthy
      Arun Krishnamoorthy

      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

       

       

      Author's profile photo Pablo Ruiz Navas
      Pablo Ruiz Navas

      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.

       

      Author's profile photo Dusan Sacha
      Dusan Sacha
      Blog Post Author

      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

      Author's profile photo Pablo Ruiz Navas
      Pablo Ruiz Navas

      Hi Dusan,

      Thanks, yes I already found the same post.

      Regards,

      Pablo.

       

      Author's profile photo Tanveer Shaikh
      Tanveer Shaikh

      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