Unanswered

How to use textbox.text as image.image property?

(0) Share

Report

Posted on by Community Power Pla... Microsoft Employee

Hello, I have a textbox named Textbox1 that displays the following:

"data&colon;image/svg+xml;utf8, "& EncodeUrl("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'>
<circle cx='50' cy='50' r='40' fill='red' />
</svg>")

If I copy/paste this into an image control as the image property I get a red circle, however if I set the image control property to "Textbox1.Text" (no quotes) nothing shows up. Is there a way to get Power Apps to recognize it is supposed to be using that text value as a formula?

Edit: Attached a file for reference, top image control is linked to TextBox1 and in the bottom image I directly copy/pasted the text from TextBox1 into the image property. The top image does not have an error but does not display anything, the bottom image displays the svg correctly.

SVG_TextBox_Demo....

Categories:

Building Power Apps

I have the same question (0)

All responses (2)

Answers (0)

Sort by

GarethPrisk 2,828 on at

Like
a
(0)

Report
Copy link

Link copied!

What you're describing will work, if the Text value being passed to the Image property on the Image control is valid.
Unfortunately, I am not entirely sure if what you're trying to formulate in your text example is valid.
However, as you can see below. Any publicly accessible URL, or URL which does not require authentication, will work.

This also works for showing data capture by the Camera control, and how it formulates the image file as raw data. We have also created, and then displayed, files created from a PowerApp into CDS file field.

Was this reply helpful? Yes No
Community Power Pla... Microsoft Employee on at

Like
a
(0)

Report
Copy link

Link copied!

I've attached an example, as you can see the Image control is not giving any sort of error so it obviously recognizes... something. But the image is not actually showing up for some reason. The top image control in the example is linked to the textbox, the bottom image has the textbox text directly copy/pasted into the image property.

SVG_TextBox_Demo....

Was this reply helpful? Yes No