Power Apps Image referencing

Question

I have an app that I have uploaded several small images into. What I am trying to accomplish is by use of a drop down with the selection option of we will say:

• Cat
• Dog
• Turtle

I would like with the image component to reference my media files and display the image associated with the selection.

When I do it manually, It works with the input of 'Dog' and displays as an image data type with the proper image displayed, but if I use the formula of "'" & animalDD.SelectedText.Value & "'", it displays the same, 'Dog' in the compile window, but as a text data type with no image shown.

How can I get this to reference with the image dynamically with the drop down?

Answer 1

Image control is displaying blank because your are passing animalDD.SelectedText.Value (which is of type text/string) to Image property.

Instead of it, try using Switch function like below for Image property:

Switch(
    animalDD.SelectedText.Value,
    "Cat",
    Cat,
    "Dog",
    Dog,
    "Turtle",
    Turtle,
    DefaultAnimalImg
)

If above formula does not work for you, try using animalDD.Selected.Value instead of animalDD.SelectedText.Value assuming you are using single selection drop down control.

Where animal names enclosed in double quotes (like "Cat") should match with values from your drop down options.

And animal names without double quotes are your image names. You might need to enclose those in single quotes based on your image file names, like 'Polar-Bear', Turtle, etc.

Also, DefaultAnimalImg is the name of any image you want to show in case animal name from drop down does not have image in your app.

Documentation: If and Switch functions in Power Apps

Similar thread: Dynamically displaying images in Power Apps Gallery