<p>about your learning experience to help us improve.</p>

You've completed

cleanFiles/bookmap_Pointing_out_Advanced_SAP_Analytics_Cloud__en-US_learning-sap-com_lsc-prod.zip (MMCP-DROPZONE) - 2024-10-17T12:22:33.000Z

Integrating Dynamic Pictures

<div id="content"><div class="parentsection"><div class="section"><div tabindex="0"><h3>When discussing player profiles, is it possible to dynamically change the player's picture based on the selected filter? Can this dynamic picture feature also be applied to other scenarios, such as club and team logos?</h3></div><p tabindex="0">It is possible to dynamically change the player's picture, team logo, and club logo based on the selected filter options using scripting functions in SAP Analytics Cloud.</p><p tabindex="0">The following video provides a comprehensive answer to your question.</p><div class="kalturaVideoLessonWrapper"><div aria-label="" class="kalturaVideoLessonContainer" data-testid="video" id="1_5hhc241r"></div></div><div class="note"><div class="noteTitle"><span class="noteIcon"><img title="Note" src="/icons/note.svg"></span><span class="noteTitleText">Note</span></div><div class="noteBody"><p tabindex="0">Please insert this script on the page (at onInitialization) and on the table (at onResultChanged).</p></div></div><div class="codeSnippetWrapper"><div class="codeSnippetGrid"><div class="codeSnippetTitle">Code snippet</div><div class="codeSnippetButtonContainer"><button class="codeSnippetButton js-codesnippet-copy" tabindex="0">Copy code</button></div></div><div class="codeSnippetInnerDiv"><div><pre><code data-language="plaintext" class="js-codesnippet-body"> 

Table_2.setVisible(false); 

var len =  Table_2.getDataSource().getDataSelections().length; 

var person_id = Table_2.getDataSource().getDataSelections()[0]["PERSON_ID"]; 

var url_image = 'https://sap-sports-one-demoxs05-jtp08957.eu10.sportsone.cloud.sap/sap/sports/fnd/db/services/public/xs/pictures/person?PERSON_ID=' + person_id; 

if (len &gt; 1) { 

        Image_3.setVisible(false); 

} else { 

        Image_3.setVisible(true); 

        Image_3.setImage(url_image); 

} </code></pre></div></div><a class="codeSnippetExpandCollapse js-codesnippet-expand" tabindex="0">Expand</a></div></div></div></div>

Dynamic Pictures

Answering Frequently Asked Questions for SAP Analytics Cloud for the Sports Industry

<div><div>Learn how to dynamically display player pictures in SAP Analytics Cloud using input controls and scripting functionalities. Showcase player images from SAP Sports One with step-by-step guidance.<br><br># This description was auto-generated #</div></div>

In SAP Analytics Cloud, it is possible to dynamically show pictures which are maintained in SAP Sports 1 based on input controls used in the story. In this example, we will demonstrate how to show a player's picture using the internal team members model. You are also able to dynamically show clubs and team logos. Firstly, we add an input control to our story and select the internal team members model as the data source. Then we add an image to the story. To dynamically show player pictures, you also need to insert a table. Inserting this table is essential for scripting functionality. In the table, we add the person as a dimension in the first row. This will be needed to select the player displayed in the image. Please make sure to display the ID of the person instead of the description to make it work. In the outline tab, you get an overview of your page and the three added elements. You can hide the created table from the story as we don't want it displayed. However, the table remains active for scripting functionality. Next, we will insert the scripts. First, select your page and choose the On Initialization scripting function. Then, insert the code highlighted in and below the video. To ensure the script functions correctly, make sure your variables are named accurately, following the example provided. Specifically, check that the variables for table and image in your script match the names of the corresponding elements in your story. Secondly, ensure you modify the beginning of the highlighted URL to match your SAP Sports One Destination URL. Replace the highlighted portion of the URL with your SAP Sports URL while keeping the rest of the URL unchanged. Please ensure you also add a script for the previously inserted table. Please choose the onResultChanged scripting function for the table. Insert the script shown below the video or within the video again. Ensure that you name your variable correctly and update the image URL accordingly. Please ensure you save your story and switch to View Mode to see dynamic player pictures. Dynamic pictures are only visible in View Mode. The input controls created by the scripting functionalities allow you to dynamically show the player's pictures.