I want to render an image through html visuals

Anonymous · ‎04-21-2023

I am trying to render an image through html visuals

there is a table OLSR with attribute Style Code having some code like abc123 based on the product
when i drill through style code i see some details on the next page, besides those details i want to see the image of the product which should be rendered dynamically using html visuals
to do so, i created a measure named html , having the following code
html visuals = "

<!DOCTYPE html>
<html lang=""en"">
<head>
<meta charset=""UTF-8"">
<meta http-equiv=""X-UA-Compatible"" content=""IE=edge"">
<meta name=""viewport"" content=""width=device-width, initial-scale=1.0"">
<div id=""htmlContent"">
<div class=""htmlViewerEntry"">
<div>
<script src=https://product-gallery.cloudinary.com/all.js type=""text/javascript"">
</script>
<script type=""text/javascript"">
const myGallery = cloudinary.galleryWidget({
container: ""#my-gallery"",
cloudName: ""cavenders"",
mediaAssets: [{
tag: ""Attributes[Style Code]""
}]
});
myGallery.render();
</script>
<div id=""my-gallery"" style=""max-width:80%;margin:auto"">
</div>
</div>
</div>
</div>
</head>
<body>

</body>
</html>

"
This code either gives me no image or the entire code as output. how do i pass this style code dynamically into the html so that it gives me image

lbendlin · ‎04-25-2023

Where in your HTML are you specifying the image that should be rendered?

You may want to try with a simple image viewer visual first.

Anonymous · ‎04-27-2023

lbendlin · ‎04-28-2023

Most likely Power BI sees that as a cross site script vulnerability.

Helpful resources