Power BI Workarounds – Clickable Card / Card Look-alike

by Prathy Kamasani

Recently one of my business users came to me asking “how can I get a Clickable Card in Power BI”? He wants a card where he can show the measured value, but when he clicks on that, he wanted to cross filter other visuals. To be fair, A valid ask, but not something I have done before. After deep thought, I came up with a work around, so thought to write a quick blog post for future reference.

Let’s understand the need, assume we are looking at Products data, and this is how report looks like

In the above report, if we have 50000 rows instead of 5, it would be difficult to find those two products which are causing significant loss. Of course, we can click on the chart on the right and interact, but that’s not the point here. So how can we make that card clickable? Well, for now, we don’t have an inbuilt clickable visual. So the question is how can we get something which looks like the card but interactive.  (I am sure there are several ways of doing this, but I have gone for Treemap visual.)

Let’s see how I created a Clickable Card:

First I created a calculated table

LossTable =
CALCULATETABLE (
ADDCOLUMNS (
SUMMARIZE ( Products, Products[Product] ),
"Prod", "Prod",
"LossCount", CALCULATE ( COUNT ( Products[Profit/Loss] ), Products[Profit/Loss] = "L" )
),
Products[Profit/Loss] = "L"
)

Then I created a relationship between Products table and a new Loss table, also I have hidden LossTable for users.

Replaced existing card with a treemap, Product column on Group and Sum of Loss count on values. As I had same values for all rows in Prod column, as expected there was only one tile in Treemap.

Now I have a clickable Card look-alike, which can interact with other visuals.

Hope this helps someone out there!

Prathy 🙂

You may also like

2 comments

jason 18 July 2017 - 3:30 pm

There is no need to create a calculated table if you use a bar chart with your existing measure for LossCnt (and can still make it clickable). Follow the steps below

1) Create a bar chart with #Loss on Values and Profit/Loss on Legend. Set a visual level filter on Profit/Loss=L (this step may or may not be needed based on your calculation for #Loss).
2) set the data labels to Black color (or something that is different from your background color) and increase the text size. Set position to Inside Centre
3) Change the background color to White (or whatever your background color is)
4) Remove X axis, Y axis, Title, etc that you think is not necessary, so that it looks just like a card.

Now you can click on your card, and interact with other visuals (because behind the scenes it is a bar chart).

Reply
jason 20 March 2018 - 4:00 pm

There is no need to create a calculated table if you use a bar chart with your existing measure for LossCnt (and can still make it clickable). Follow the steps below

1) Create a bar chart with #Loss on Values and Profit/Loss on Legend. Set a visual level filter on Profit/Loss=L (this step may or may not be needed based on your calculation for #Loss).
2) set the data labels to Black color (or something that is different from your background color) and increase the text size. Set position to Inside Centre
3) Change the background color to White (or whatever your background color is)
4) Remove X axis, Y axis, Title, etc that you think is not necessary, so that it looks just like a card.

Now you can click on your card, and interact with other visuals (because behind the scenes it is a bar chart).

Reply

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More