Answered

Conditional Color of Icon in Gallery

(0) Share

Report

Posted on by Community Power Pla... Microsoft Employee

Hi all,

In my application I currently have a gallery consisting of many items, of which each item has a blue bookmark icon. Upon clicking a specific item's bookmark, I would like the bookmark's color to become red, and stay red.

I know you can change the color of the icon using: If(ThisItem.IsSelected, Red, Blue); however, upon clicking a different bookmark, any previously clicked bookmarks will return back to the default blue color.

Once clicked, I would like those bookmarks to stay red regardless of clicking on more icons. Please let me know if you have any ideas. Thank you very much.

Categories:

Building Power Apps

All responses (4)

Answers (1)

Sort by

Verified answer

yashag2255 24,769 Super User 2024 Season 1 on at

Like
a
(0)

Report
Copy link

Link copied!

Hi @Anonymous

For doing so, you can create a local collection to store the selected items and use this collection to set the icon color.

Expressions:

Screen -> OnVisible: Clear(SelectedGalleryItems)

Gallery -> OnSelect: Collect(SelectedGalleryItems,ThisItem.Id) #Id need to be replaced with a uniquely identified column.

Gallery -> Icon FIll -> If(ThisItem.Id in Selected.Value,Red,White)

Hope this Helps!

If this reply has answered your question or solved your issue, please mark this question as answered. Answered questions helps users in the future who may have the same issue or question quickly find a resolution via search. If you liked my response, please consider giving it a thumbs up. THANKS!
Community Power Pla... Microsoft Employee on at

Like
a
(0)

Report
Copy link

Link copied!

Thank you very much @yashag2255 , that worked perfectly. However, upon clicking an icon that is already red/in the collection, I would like the color to change back to blue and the icon be removed from the collection.

For the icon's On Select property, I tried:
Note: the name of my collection is pinnedEventsColor

If(ThisItem.SampleHeading in pinnedEventsColor.Value, Remove(pinnedEventsColor, ThisItem.SampleHeading), Collect(pinnedEventsColor, ThisItem.SampleHeading));

However, this of course is giving an error for the remove portion of this function. Any better ideas?
Community Power Pla... Microsoft Employee on at

Like
a
(0)

Report
Copy link

Link copied!

Just kidding I figured it out, I needed to have value in the remove function as such: Remove(pinnedEventsColor, {Value: ThisItem.SampleHeading}). Thank you very much
K-A-R-L 715 on at

Like
a
(0)

Report
Copy link

Link copied!
Hi @Anonymous ,

Just another suggestion:
I assume you want also your favorite to be saved or write back to the data source?

On your gallery's bookmark icon OnSelect() Property add this:
If(ThisItem.ID exactin favorites.ID, Remove(favorites,ThisItem), Collect(favorites,ThisItem) ); Patch( AttachmentTest, First( Filter( AttachmentTest, ID = ThisItem.ID ) ), { Favorite: If( ThisItem.Favorite = "Yes", "No", "Yes" ) } );
On Fill() Property:
If( ThisItem.Favorite = "Yes", RGBA(186, 202, 226, 1), RGBA( 255, 255, 255, 1 ) )
On BorderStyle() Property: (Change Border Thickness to 1)
If( ThisItem.Favorite = "Yes", None, Solid )
Please see images below:

You can tick and untick the icons to remove from the collection and from the DataSource.
----------------------------------------------------------------------------
Thanks,
K-A-R-L

If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.
If you thought this post was helpful, please give it a Thumbs Up.