How to add image from URL to form in model driven app and also in canvas app

[eagle_eye]

Hi all

We have a column with external URL for image. How can we add that image into a form in model driven app and also in canvas app. The photo column is a URL datatype.

When i add that in model driven app it appears as a link which on clicking opens a new tab which shows the image.

Is it possible to show the image in form itself.

Also how to make sure image is visible in canvas app also.

[Nirav237]

Hi @eagle_eye 

I think the column which is been created is only to specify the URL link as reference but wont be able to fetch the picture/image either in MDA or Canvas app. Create the Image column than you will be able to replicate the image in both the column just works as URL for reference.

Regards,
Nirav

[Uzor_Uz]

Hi @eagle_eye

I think having the Photo column as a URL datatype is correct approach in the model driven app.

The URL can then be used with an image control in the Canvas app to show the picture.

Notice that all URLs are similar, only dynamic part of the URL is  "AnimalName.jpg" at the end.

Concatenating the (static URL part + the AnimalName.jpg) inside an image control of a gallery works fine in my Canvas app as follows:

Concatenate("https://raw.githubusercontent.com/microsoft/Power-Up-app-challenge-animal-shelter-assets/main/images/", ThisItem.Photo)

Hopes this helps you as well.

[eagle_eye]

Got it sorted. Thanks for your replies.🙂