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

(0) 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:

Mobile App

Screenshot 2024-1...

All responses (15)

Answers (0)

alexjames 8 on at

Like (0)

Report

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

This is definitely a bug within the authoring versions

In a new app SVG does not embed within HTMLText controls in the latest authoring version. I've tested the authoring options available to me:

3.24123.6 - does not work

3.24112.12 (recommended) - does not work

3.24121.10 - does not work

3.24112.13 and below - working

Can someone please confirm this has been identified as a bug and triaged for a fix?
jade-castillo17 12 on at

Like (0)

Report

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

Hi, @@BL-09091320-0, unfortunately it only returns

before posting this issue on forums my senior tried it but unfortunately it only returns
the encoded text from the SVG which is shown in this image
jade-castillo17 12 on at

Like (0)

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

Hi @

@Yariestrell0,

sadly this doesn't also work my environment it only returns a broken image in html text, using this code

only returns a broken image in HtmlText
Suggested answer

BL-06112010-0 3 on at

Like (0)

Report

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

I'm not able to get SVG elements to render in HTML Text elements anymore but using an Image element instead does. You will need to modify the PowerFX code to specify the image type and use the EncodeUrl function.

Wrap your SVG code with the EncodeUrl function like this:

"data:image/svg+xml;utf8," &

EncodeUrl(

"<svg>

</svg>"

)

Here's a Matthew Devaney link too:
https://www.matthewdevaney.com/svg-images-in-power-apps/
Yariestrell0 4 on at

Like (0)

Report

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

Hi you can try this,

<img src='data:image/svg+xml;charset=utf-8,{EncodeUrl("codeSvg")}'>

Regards!
Suggested answer

jade-castillo17 12 on at

Like (0)

Report

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

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.
huynhdat1989 2 on at

Like (0)

Report

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

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,
BlaziQ 31 on at

Like (1)

Report

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

That authoring version change worked like a charm!
yukihiro 2 on at

Like (3)

Report

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

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.
jade-castillo17 12 on at

Like (0)

Report

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

apparently. it still doesn't :')