Technology Blogs by SAP
Learn how to extend and personalize SAP applications. Follow the SAP technology blog for insights into SAP BTP, ABAP, SAP Analytics Cloud, SAP HANA, and more.
cancel
Showing results for 
Search instead for 
Did you mean: 

This is a short blog to show how you can embed images dynamically within the scorecard component.

Quick Steps

  1. Create a blank application and assign a Datasource
  2. Add and Configure scorecard properties and assign images
  3. Save and launch the application

Create a Blank Application and assign Datasource

  1. Create a blank application and assign a Datasource. In the Initial view,

       select the dimensions and measures which you want to assign to the

       scorecard component.

    2.  Images for different countries are stored in the repository folder.

Add and Configure scorecard properties and assign images

  1. Drag and drop the scorecard component and define the row scope.

  2.  Configure the cell content for COLUMN_1

    1. Dimension Binding to “COUNTRY”
    2. Member Display set to “Value Presentation

  3.  Set the properties for Icon:

    1. Dimension Binding to “COUNTRY”
    2. Press the Conditional Formatting icon adjacent to the “Dimension Member Content”
    3. Set the default value to {value}.png – This will bind the country images to matching

               individual cell values. Like in our example we have “world”, “North America”, “South America”,

               “Asia” as our data values for "COUNTRY" dimension. When we set the default to    

               {value}.png, the value in braces gets substituted with the value of the dimension

               suffixed by “.png”. As we have already saved “.png” images in our application

               folders the images will align with the appropriate countries.

          d.  The last setting to be made is to “Display Mode” set to “”Icon with Text”. This will

                enable icons to be displayed along with the data values.



The above settings will update the scorecard component and this is what you will see

within the Designer Window:




Save and launch the application

  1. Save and launch the application in local mode.

This concludes the short blog on dynamically embedding images within scorecard content.





1 Comment