In this post, we will look at how to set up Power BI tooltips so when a user hovers over a record, it displays an image.
Let’s follow on from a previous post where we showed how to display images from a URL in Power BI. We will now display only the City name in the report, and when the user hovers over the name, the tooltip will display the image of the City.
Our report has 1 tab, with one table showing only the City name:
Create a new tab on the report, and let’s call it City Tooltip:
On the Page Information, turn Tooltip On:
And for the Page Size, set it to Tooltip:
Set the view to be Actual Size, so we can see exactly how the tooltip will look:
We should now see something like:
Let’s add the Url field to the tooltip, and also add a textbox called “Image of City” so the user knows what they are looking at:
Now, on the first report page, let’s wire up the visual to the tooltip. Select the visual, and turn Tooltip on, then select the Page as City Tooltip:
Now, when the user hovers over a City name, they will see the image of the city:
I AM SPENDING MORE TIME THESE DAYS CREATING YOUTUBE VIDEOS TO HELP PEOPLE LEARN THE MICROSOFT POWER PLATFORM.
IF YOU WOULD LIKE TO SEE HOW I BUILD APPS, OR FIND SOMETHING USEFUL READING MY BLOG, I WOULD REALLY APPRECIATE YOU SUBSCRIBING TO MY YOUTUBE CHANNEL.
THANK YOU, AND LET'S KEEP LEARNING TOGETHER.
CARL
Hi Carl, is there any way to change the size of the image? I am getting the tooltip to work but the images are tiny and hard to see. Thanks
Hi Carl, I am getting the same problem as Scott !
Image is small and there is a lot of blank around.
It doesn’t seem to change when modifying the tooltip tab.
Thanks by advance
I have finally found my answer, you don’t have to stick with a Tooltip page but can also put Custom size and it will work as fine !