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.

Fig_1.PNG

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

Fig_2.PNG

Add and Configure scorecard properties and assign images

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

Fig_3.PNG

  2.  Configure the cell content for COLUMN_1

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

Fig_4.PNG

  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.


Fig_5.PNG


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

within the Designer Window:


Fig_6.PNG



Save and launch the application

  1. Save and launch the application in local mode.

Fig_7.PNG

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





To report this post you need to login first.

Be the first to leave a comment

You must be Logged on to comment or reply to a post.

Leave a Reply