Unanswered

HTML Text - SVG Suddenly Don't show in Canvas app

(4) Share

Report

Posted on by jade-castillo17

Today suddenly all of my SVG's in canvas app don't show.

I tried with different environment and different accounts in power apps and all of html text suddenly don't show the svg.

This html was previously working yesterday and suddenly when i open my app to work all of them don't show.

<div style=';position:absolute;height: 100%;width: 100%;top: 0; left: 0;display: flex; justify-content: center; align-items: center; font-weight: 1000; color: #f10f65;font-style:bold; '>
<svg width='60' height='50' viewBox='0 0 65 65' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path d='M54.1666 8.125H13.5416C12.0458 8.125 10.8333 9.33756 10.8333 10.8333V54.1667C10.8333 55.6624 12.0458 56.875 13.5416 56.875H54.1666C55.6624 56.875 56.8749 55.6624 56.8749 54.1667V10.8333C56.8749 9.33756 55.6624 8.125 54.1666 8.125Z' stroke='#f10f65' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/>
<path d='M13.5417 21.6667H8.125H13.5417ZM13.5417 32.5H8.125H13.5417ZM13.5417 43.3333H8.125H13.5417ZM46.0417 18.9583H24.375V29.7917H46.0417V18.9583Z' stroke='#f10f65' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/>
</svg>
          Incident	
</div>

Categories:

Building Power Apps

Screenshot 2024-1...

Your file is currently under scan for potential threats. Please wait while we review it for any viruses or malicious content.

I have the same question (0)

All responses (22)

Answers (1)

Suggested answer

PratikJadhav08 84 on at

Like (0)

Report

Try this one 👍

<svg width='60' height='50' viewBox='0 0 65 65' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path d='M54.1666 8.125H13.5416C12.0458 8.125 10.8333 9.33756 10.8333 10.8333V54.1667C10.8333 55.6624 12.0458 56.875 13.5416 56.875H54.1666C55.6624 56.875 56.8749 55.6624 56.8749 54.1667V10.8333C56.8749 9.33756 55.6624 8.125 54.1666 8.125Z' stroke='#f10f65' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/>
<path d='M13.5417 21.6667H8.125H13.5417ZM13.5417 32.5H8.125H13.5417ZM13.5417 43.3333H8.125H13.5417ZM46.0417 18.9583H24.375V29.7917H46.0417V18.9583Z' stroke='#f10f65' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/>
<text x='10' y='65' fill='#f10f65' font-size='10' font-weight='bold'>Incident</text>
</svg>

Was this reply helpful? Yes No
jade-castillo17 16 on at

Like (0)

Report

Hi PratikJadhav08 apparently its still not working. any svg is not working on my different accounts and environment.

thanks for trying to help though, im not sure if anything is gonna help this so i'll just go with some work around with images and positioning.

Was this reply helpful? Yes No
ronaldwalcott 3,847 Super User 2025 Season 2 on at

Like (0)

Report

Was your browser updated recently? There isn't anything wrong with the SVG encoding. If you create a new app and copy the SVG into a new htmltext control does it work?

Was this reply helpful? Yes No
jade-castillo17 16 on at

Like (0)

Report

Hi ronald,
I believe my browser wasn't updated. also i've tried with different browsers and also with my colleagues computer.
apparently it didn't work.

Also, just this morning the published version was fine but the developing mode was not then after i published it affected the published version. i reverted versions also it didn't also work.

Was this reply helpful? Yes No
ronaldwalcott 3,847 Super User 2025 Season 2 on at

Like (0)

Report

I tested your SVG and it works in a test app. Did you try it in a new app?

Was this reply helpful? Yes No
jade-castillo17 16 on at

Like (0)

Report

apparently. it still doesn't :')

Was this reply helpful? Yes No
yukihiro 2 on at

Like (3)

Report

I'm facing the same problem.

In my environment, the PowerApps authoring version was up to 3.24121.10 today. When I changed the authoring version back to 3.24112.13, SVG was shown.

Was this reply helpful? Yes No
BlaziQ 31 on at

Like (1)

Report

That authoring version change worked like a charm!

Was this reply helpful? Yes No
huynhdat1989 4 on at

Like (0)

Report

All my PowerApps do not display HTML SVG elements. Do you have any solutions for this? My applications heavily depend on HTML SVG. Using image-based SVGs does not allow users to select or copy text, and it is much less flexible than HTML SVG.

Thanks,

Was this reply helpful? Yes No
Suggested answer

jade-castillo17 16 on at

Like (0)

Report

Hi @huynhdat1989, unfortunately no i haven't been able to resolve this issue but if you refer to @@yukihiro answer if it would work on your project or your company/work can revert back authoring version.

Was this reply helpful? Yes No