Power BI change image based on slicer

Question

I am using Power BI RS, and I have a request to change the flag image based on the selected country list in a slicer. like below screen

In power BI the native image control only used to import static image to the project 

So, How we can change image based on slicer in Power BI?

Answer 1

How to Change flag image based on the selected country value in a slicer in Power BI?

In the Power BI desktop, you can't use image control to change the image based on the slicer, it's just used to show a static image.
So, to can show an image based on your slicer selection, you should instead use one of the below visuals:

1. Table Visual.
2. Multi-Card Visual.

You can download the PBIX file at Power BI change flag image based on the selected country

---

Show Image Based on Slicer in Power BI using Table.

Steps

• Consider, you have a country table with its corresponding flag image URL as shown below.
  
• At the Report view, in Fields, select your flag field that holds the image URL.
  
• In the above ribbon, Click on the "Modeling" tab, and in the properties section, change the Data Category to Image URL.
  
• Now, drag a table from the Visualizations section.
• Add the flag field in Table values.
  
• Remove the Table header as mentioned at Remove the table column header in Power BI
• In the Grid, change the Image Height as you prefer.
  
• In the field formatting, set the Alignment to center.
  
• Now, add a new slicer, and add the country field in the field section.
  
• In the selection control, enable single selection.
  
• Show the slicer as a dropdown list.
  
• Try to change the country value in the slicer now.
• Great, the flag image is changed based on the selected value as shown below:

Output

---

Show Image Based on Slicer in Power BI using Multi-Card.

You can also use Multi-Card visual to show an image based on slicer in Power BI. but using this visual, you will NOT be able to change the image height or set its alignment to right or center. In this case, from the beginning, you should use a proper image size or use the above table method to control such properties.

Steps

• Add a Multi-Card visual.
• In the fields section, add the flag field.
• Turn off the show bar, and category label options.
• Use the same slicer creation steps that have been mentioned in the above method

Output

---

Download the PBIX file

• Download the PBIX file at Power BI change flag image based on the selected country
• Follow Power BI Repo to get more PIBX files samples with complex DAX formulas.

Answer 2

As I mentioned before the native control will not fit the requirement, So I found a workaround solution to apply it.

Steps:

• Open the MarketPlace from the top ribbon and search for control with name "Simple Image" and add It to power bi
  

• After that, we will add the "Simple Image" control to the page and assign the Flag URL field to the "Image URL" property.
  

• Now it should work probably