Forum Discussion

osaidhashmi's avatar
osaidhashmi
Icon for Advocate V rankAdvocate V
1 year ago
Solved

Tooltips still working despite being turned off for Table Visuals containing SVG in Power BI

When we use SVGs in Table Visuals in Power BI (whether SVGs are used in calculated columns or calculated Measures), we see the tooltips with SVG code, even though the tooltips are turned off.
Sometimes, it goes away if we put the column with SVG for the first time, remove it, and then put it back.
Could you have a look at it and advise, please?

  • Hi osaidhashmi,

    Thank you for raising this issue and providing the detailed screenshot. I’ve reviewed your query regarding tooltips appearing for SVGs in Table Visuals despite being turned off, and it seems to be related to how Power BI renders SVG content.

    The tooltip you’re seeing is likely triggered by elements within the SVG code itself, such as <title> or <desc> tags, which Power BI may not fully suppress even when the Tooltips setting is turned off. This can cause the intermittent behavior you’ve described, especially when SVGs are sourced from tools like ChatGPT or Figma, which may include such tags by default. The act of removing and re-adding the column likely forces a re-render, temporarily resolving the issue.

    Here are a few steps you can try:

    • Check for <title> or <desc> tags in your SVG (e.g., in your screenshot, the <title> tag says "Total Amount in bold"). Removing these tags should prevent the tooltip from appearing.
    • Try using a minimal SVG without metadata tags to confirm if the issue persists.
    • In Power BI Desktop, clear the cache (File > Options and Settings > Options > Data Load > Clear Cache) and refresh your report.
    • Alternative consider using conditional formatting with Power BI’s built-in icons or externally hosted images to avoid SVG rendering issues.


    If this information is helpful, please “Accept as solution” and give a "kudos" to assist other community members in resolving similar issues more efficiently.
    Thank you.

9 Replies

  • v-ssriganesh's avatar
    v-ssriganesh
    Icon for Community Support rankCommunity Support

    Hi osaidhashmi,

    Thank you for raising this issue and providing the detailed screenshot. I’ve reviewed your query regarding tooltips appearing for SVGs in Table Visuals despite being turned off, and it seems to be related to how Power BI renders SVG content.

    The tooltip you’re seeing is likely triggered by elements within the SVG code itself, such as <title> or <desc> tags, which Power BI may not fully suppress even when the Tooltips setting is turned off. This can cause the intermittent behavior you’ve described, especially when SVGs are sourced from tools like ChatGPT or Figma, which may include such tags by default. The act of removing and re-adding the column likely forces a re-render, temporarily resolving the issue.

    Here are a few steps you can try:

    • Check for <title> or <desc> tags in your SVG (e.g., in your screenshot, the <title> tag says "Total Amount in bold"). Removing these tags should prevent the tooltip from appearing.
    • Try using a minimal SVG without metadata tags to confirm if the issue persists.
    • In Power BI Desktop, clear the cache (File > Options and Settings > Options > Data Load > Clear Cache) and refresh your report.
    • Alternative consider using conditional formatting with Power BI’s built-in icons or externally hosted images to avoid SVG rendering issues.


    If this information is helpful, please “Accept as solution” and give a "kudos" to assist other community members in resolving similar issues more efficiently.
    Thank you.

    • osaidhashmi's avatar
      osaidhashmi
      Icon for Advocate V rankAdvocate V

      Hi v-ssriganesh ! Yes, I tried the steps you mentioned by removing the tags, and also by clearing the cache. Many thanks!

  • Hi osaidhashmi i don't see tooltips appear when off on hover, have used SVG canvases from figma. Is this related?

    • osaidhashmi's avatar
      osaidhashmi
      Icon for Advocate V rankAdvocate V

      I have two different cases.
      1. I am using SVGs from chatgpt or even written with my own text code.
      2. I have included SVG icons I created in Figma.

      I see intermittent behavior; sometimes, I don't see tooltips when they are Turned Off, and sometimes I do.

      If I see the tooltips for the SVGs despite being turned off in the tables, I remove all the columns containing SVG from the visual, and then I insert them back again. They turnoff most of the times.

      Below, you can see the screenshot where the Tooltips are turned off but I still can see the tooltips. What could be the reason?

       

      • MasonMA's avatar
        MasonMA
        Icon for Super User rankSuper User

        What is even weird on my report is i have two same Matrix tables, using same %Variance svg calculated measure, same formattings for both visuals. Both have Tooltips turned off, but one is showing tooltips while the other one is not... 

         

  • NotanExpert's avatar
    NotanExpert
    Frequent Visitor

    I have the same issue..
    5 SVG's no Tooltip & 1 SVG brings a Tooltip. - Same Matrix Table.

     

  • v-ssriganesh's avatar
    v-ssriganesh
    Icon for Community Support rankCommunity Support

    Hi osaidhashmi,

    May I ask if you have resolved this issue? If so, please mark the helpful reply and accept it as the solution. This will be helpful for other community members who have similar problems to solve it faster.

    Thank you.

  • NotanExpert's avatar
    NotanExpert
    Frequent Visitor

    Workaround for the Problem:

    1. Create an Empty Dummy Measure:
      Example:
      Dummy Empty = "⠀"
      (Note: This is a non-breaking space.)

    2. Overlay a Transparent Card Visual:
      Place a Card visual, using the Dummy measure, at the same size and position as your SVG visual.
      Disable the background, title, and other style options to make the Card completely transparent.

    3. Turn Off Tooltips on the Card Visual:
      Make sure Tooltips are disabled for the Card.

    Now you should have an invisible layer over the SVGs, preventing users from interacting with the SVG Tooltips.

    I hope this helps temporarily. 😁