Conditionally show image in Gallery

(0) Share

Report

Posted on by sudosaurus

1,599 Super User 2024 Season 1

Hello,

In my PowerApp I have a gallery of items linking to a SharePoint form on another screen.

What I'm trying to do is conditionally display images against each item depending on the value they are linked to in the form.
For reference, the images in my form are conditionally displayed in the based on true/false values of a toggle control.

The below shows the Toxic image being displayed when the true/false toggle for this is selected in the SharePoint form.

I am finding if I add an image control to my gallery and set the formula of the Image function to the below, this seems to display the "Oxidising" image to all rows, even if they're not set to "True" in the SharePoint item.

Any thoughts?

Categories:

Building Power Apps

I have the same question (0)

All responses (9)

Answers (0)

WarrenBelz 153,030 Most Valuable Professional on at

Like (1)

Report
Hi @sudosaurus ,

You did not post the field name (and the image name needs to be different to the field name), but if this is the image beside the Oxidising field

If( ThisItem.OxidisingField, Oxidising )

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.

Visit my blog Practical Power Apps

Was this reply helpful? Yes No
Gerard Simpson 2,987 Moderator on at

Like (0)

Report

Hi @sudosaurus

When inside a Gallery, the expression must be written in the context of the item for each row i.e. ThisItem.

Is it just this one image you are trying to show and hide on each row? - if so you can just leave the image property as Oxidising and add this to the 'Visible' property of the image ThisItem.Oxidising (assuming the field is called 'Oxidising')

Hope this helps

So you could try If(ThisItem.Oxidising, Oxidising, blank) - I take it 'blank' is a blank image in your app?

Was this reply helpful? Yes No
sudosaurus 1,599 Super User 2024 Season 1 on at

Like (0)

Report

Thanks @WarrenBelz
Got it working now.

Can you think of any way I can get the items to display on the left of the column if only one or two of them are showing rather than this sporadic view?

Was this reply helpful? Yes No
WarrenBelz 153,030 Most Valuable Professional on at

Like (0)

Report

Hi @sudosaurus ,

Can you please elaborate on that?

Was this reply helpful? Yes No
sudosaurus 1,599 Super User 2024 Season 1 on at

Like (0)

Report

@WarrenBelz

These Hazard Classifcation symbols on the right are displayed based on a toggle in a list form on another screen.

Where I use this formula to display the images and this works correcty:
What I want to do is for the items for example (fairy liquid) I want the icon that is showing to be left-justified and sitting in line with the icons on the other rows, just so that they dont appear sporadically in the gallery.

I've tried adding the images into a container but still cant seem to figure this out.
Does this help?

Was this reply helpful? Yes No
WarrenBelz 153,030 Most Valuable Professional on at

Like (0)

Report

Hi @sudosaurus ,

The easiest way is to make each icon's X position the X of the one to the left plus the Width of the one to the left, then have a logic on each that if they are not Visible, have a width of 0 (zero)

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.

Visit my blog Practical Power Apps

Was this reply helpful? Yes No
sudosaurus 1,599 Super User 2024 Season 1 on at

Like (0)

Report

@WarrenBelz

As they're in a container, I guess by doing so, if the one to the left is visible (if the item is later edited) then it will just shift the one on top of it along?

Would this be the right solution? If(Oxidising(ThisItem.Oxidising)="No",true,false)

Was this reply helpful? Yes No
WarrenBelz 153,030 Most Valuable Professional on at

Like (0)

Report

Hi @sudosaurus ,

I do not use containers, but as long as you follow the logic and it is either visible or not, then the variable X will work.

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.

Visit my blog Practical Power Apps

Was this reply helpful? Yes No
alixyz 2 on at

Like (0)

Report

hi @sudosaurus , I am attempting to create an app which similarly displays hazard symbols conditionally based on true/false columns for each hazard. I am wondering if you perhaps have come across a better solution than the one reached above. Simply, I want a gallery to display images (of the same name as the columns) when true and work out padding based on that. Any help would be super appreciated!

Was this reply helpful? Yes No