Answered

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>

Screenshot 2024-1...

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

Categories:

Building Power Apps

I have the same question (1)

All responses (22)

Answers (1)

Suggested answer

PratikJadhav08 84 on at

Like (0)

Report
Copy link

Link copied!

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
Copy link

Link copied!

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 Moderator on at

Like (0)

Report
Copy link

Link copied!

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
Copy link

Link copied!

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 Moderator on at

Like (0)

Report
Copy link

Link copied!

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
Copy link

Link copied!

apparently. it still doesn't :')

Was this reply helpful? Yes No
yukihiro 2 on at

Like (3)

Report
Copy link

Link copied!

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
Copy link

Link copied!

That authoring version change worked like a charm!

Was this reply helpful? Yes No
huynhdat1989 4 on at

Like (0)

Report
Copy link

Link copied!

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
Copy link

Link copied!

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