cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Anonymous
Not applicable

Changing an image when clicking an image

Hello everyone,

 

I have a question regarding the image OnSelect.

What I would like to do is when I click on an image (happy smiley), I would like to gray (or change opacity) out the other 2 (neutral and sad) (or replace them by greyed out images).

However they still need to be able to click the other smileys, because a user might change the way he/ she feels.

Screenshot_24.png

 

I can't seem to get this to work...

1 ACCEPTED SOLUTION

Accepted Solutions
WarrenBelz
Super User III
Super User III

Hi @Anonymous ,

I assume you are using Image controls here.

You can conditionally change their properties (actual image shown) with the Image property based on a Variable that can be set with the OnSelect property of the image. So if you have a variable called vImage (or whatever), and two icons (one grayscale and one color), each icon could have something like (the Smiley Image property)

If(
  vImage = "Smiley",
  colorSmiley,
  greySmiley
)

and the OnSelect of the Smiley

UpdateContext({vImage:"Smiley"})

with these names being the names of the images loaded into your Media.

So each time an icon is pressed, it would go to the color version and the others to the grayscale version.

 

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.

 

View solution in original post

2 REPLIES 2
WarrenBelz
Super User III
Super User III

Hi @Anonymous ,

I assume you are using Image controls here.

You can conditionally change their properties (actual image shown) with the Image property based on a Variable that can be set with the OnSelect property of the image. So if you have a variable called vImage (or whatever), and two icons (one grayscale and one color), each icon could have something like (the Smiley Image property)

If(
  vImage = "Smiley",
  colorSmiley,
  greySmiley
)

and the OnSelect of the Smiley

UpdateContext({vImage:"Smiley"})

with these names being the names of the images loaded into your Media.

So each time an icon is pressed, it would go to the color version and the others to the grayscale version.

 

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.

 

View solution in original post

Anonymous
Not applicable

Hello @WarrenBelz.


Thank you for your reply.

This did the trick!

Thank you very much!

Helpful resources

Announcements
PA_User Group Leader_768x460.jpg

Manage your user group events

Check out the News & Announcements to learn more.

Power Query PA Forum 768x460.png

Check it out!

Did you know that you can visit the Power Query Forum in Power BI and now Power Apps

Carousel 2021 Release Wave 2 Plan 768x460.jpg

2021 Release Wave 2 Plan

Power Platform release plan for the 2021 release wave 2 describes all new features releasing from October 2021 through March 2022.

R2 (Green) 768 x 460px.png

Microsoft Dynamics 365 & Power Platform User Professionals

DynamicsCon is a FREE, 4 half-day virtual learning experience for 11,000+ Microsoft Business Application users and professionals.

Users online (2,571)