SVGs Tooltips

(0) Share

Report

Posted on by ccqn

205

Hi everyone,

Trying out SVGs and I would like to create some charts with tooltips that show up on hovering on it. I have tried the below code but nothing shows upon hovering over the rectangle. Any help is much appreciated!

"data:image/svg+xml;utf8, " & EncodeUrl(
    "<svg width='300' height='250' xmlns='http://www.w3.org/2000/svg'>

    <rect width='100' height='300' x='10' y='10' fill='blue'>
    <title>Hover for Info</title>
    </rect>
</svg>"
)

Categories:

Building Power Apps

I have the same question (0)

All responses (1)

Answers (0)

Mark Nanneman 991 Super User 2025 Season 2 on at

Like (0)

Report

I believe you can only display plaintext in a tooltip on out-of-the-box Canvas App controls.

If you want to achieve something like a popup with images or rich text, you could create a component or container that holds the svg image, and just toggle the visibility of your popup graph using the "onSelect" property of whatever control you want to trigger the graphic.

Something like

UpdateContext({showSvgPopUp: true, SvgHeight: 300, SvgFill: "blue"})

Was this reply helpful? Yes No