How to add image from a gallery into html text field?

(0) Share

Report

Posted on by Soumodip

Hi,

I have a gallery which imports images from a SharePoint list.

I have created a HTML table in HTML text input control.

"<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
 border: 1px solid black;
 text-align: left;
}
</style>
</head>
<body>
<h2>CÓDIGO CHECKLSIT</h2>
<p>SHOP FLOOR (fecha firma)</p>
<p>ÁREA: "& lblArea_3.Text &"</p>
<p>SALA/LÍNEA/ ZONA: "& lblSala_3.Text &"</p>
<table style='width:100%'>
 <tr>
 <th>Tipo de Observación</th>
 <th>Descripción</th> 
 <th>Foto</th>
 <th>Departamento</th>
 <th>Comentarios Acción</th
 </tr>"
 &
 Concat(Gallery3_4.AllItems, "<tr><td>" & Tipodeobservación & "</td><td>" & Descripcion & "</td><td><img src=" & Label6.Text & "></td><td>" & AccionTemp.Nombre & "</td><td>" & AccionTemp.Accion & "</td></tr>")
 & 
"</table>
</body>
</html>
"

For the image I am using "Label6.Text" to get the image, but the image is not showing.

This is the table that I am getting.

Please help.

Categories:

Building Power Apps

I have the same question (0)

All responses (8)

Answers (1)

Sort by

WarrenBelz 155,996 Most Valuable Professional on at

Like
a
(0)

Report
Copy link

Link copied!

HI @Soumodip ,

Please have a read of this thread.

Please click Accept as solution if my post helped you solve your issue. This will help others find it more readily. It also closes the item. If the content was useful in other ways, please consider giving it Thumbs Up.

Was this reply helpful? Yes No
Soumodip 78 on at

Like
a
(0)

Report
Copy link

Link copied!

Hi @WarrenBelz ,
The thread deals with static image in Base 64 or from a source. I need to fetch images from a gallery where the images are stored in SharePoint list in Base 64 format.

Was this reply helpful? Yes No
CU-18081211-6 9,272 Moderator on at

Like
a
(0)

Report
Copy link

Link copied!
Hi @Soumodip ,
Although I don't understand what are you trying to do, i noticed that your HTML code has a problem. You are missing the quote from src and that's why HTML compiler ignore the part with the image.
The part with Label6.Text should look like this: <img src='" & Label6.Text & "'>
Here is your code modified:

"<!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid black; text-align: left; } </style> </head> <body> <h2>CÓDIGO CHECKLSIT</h2> <p>SHOP FLOOR (fecha firma)</p> <p>ÁREA: "& lblArea_3.Text &"</p> <p>SALA/LÍNEA/ ZONA: "& lblSala_3.Text &"</p> <table style='width:100%'> <tr> <th>Tipo de Observación</th> <th>Descripción</th> <th>Foto</th> <th>Departamento</th> <th>Comentarios Acción</th </tr>" & Concat(Gallery3_4.AllItems, "<tr><td>" & Tipodeobservación & "</td><td>" & Descripcion & "</td><td><img src='" & Label6.Text & "'></td><td>" & AccionTemp.Nombre & "</td><td>" & AccionTemp.Accion & "</td></tr>") & "</table> </body> </html> "

Was this reply helpful? Yes No
Soumodip 78 on at

Like
a
(1)

Report
Copy link

Link copied!

Hi @gabibalaban ,
Thanks for pointing it out, but even after adding the quotes the image is not appearing.
To clarify my issue, I want to add images from PowerApps gallery to an HTML table.

Was this reply helpful? Yes No
Verified answer

CU-18081211-6 9,272 Moderator on at

Like
a
(0)

Report
Copy link

Link copied!

@Soumodip ,
Interesting, it seems that <img> inside HTML text control doesn't work with data: URL (didn't try that until now).
I've made a test on RichTextEditor control based on your needs and everything works fine, of course you have to deal and hide somehow the RichTextEditor controls (maybe with a blank label).

Was this reply helpful? Yes No
Soumodip 78 on at

Like
a
(0)

Report
Copy link

Link copied!

Hi @gabibalaban ,
Thanks a lot. Can you please share the code?

Was this reply helpful? Yes No
CU-18081211-6 9,272 Moderator on at

Like
a
(0)

Report
Copy link

Link copied!

@Soumodip
Use your code inside the Default property of a RichTextEditor control. I'm sure that you'll get the expected result.

Was this reply helpful? Yes No
Soumodip 78 on at

Like
a
(0)

Report
Copy link

Link copied!

Thanks a lot @gabibalaban , worked like a charm ! 🙂

Was this reply helpful? Yes No