Unanswered

Using galleries for buttons that correspond to second gallery items

(0) Share

Report

Posted on by Community Power Pla... Microsoft Employee

Hello,

I am new to PowerApps, but have been able to create an app that has two galleries connected to two SharePoint lists - one that is a list of three buttons - low, medium and high - and the second gallery which displays a list of resources. The list of resources is categorized by the complexity level. Therefore, when you click the "Low" button, only resources that are categorized as "Low" will appear. However, when you click the "Medium" button, resources for both "Low" and "Medium" will appear. Thus, the "High" view shows all resources for each level.

I want to have each button turn a different color when clicked, and then for the background of the resources rows that correspond to that button categorization also change to that color. (For example, when you click on "Low" the button will turn pink, and the background of all corresponding items in the resources gallery will also turn pink.) However, this means that I would want the "High" button to display three different colors to represent the level of complexity that each button represents. (i.e., Low = pink, Medium = green, High = red and clicking on the "High" button would show all these colors.)

Is this even possible? I've included a screenshot below of the current view of my app for reference:

Thank you!

Categories:

Building Power Apps

All responses (4)

Answers (0)

Sort by

PowerRanger 3,458 Super User 2024 Season 1 on at

Like
a
(1)

Report
Copy link

Link copied!
Hi @Anonymous ,

first of all you need to set a variable to identify which Button was clicked. So on each Button OnSelect Property you need to apply a Set function:

Button Low OnSelect Property: Set(selectedCompexity,["Low"]) Button Medium OnSelect Property: Set(selectedCompexity,["Medium","Low"]) Button High OnSelect Property: Set(selectedCompexity,["high","Medium","Low"])

In addition you need to set the Fill Property of each Button:

Button Low Fill Property: If("Low" in selectedCompexity,Pink,RGBA(56, 96, 178, 1)) Button Medium Fill Property: If("Medium" in selectedCompexity,Green,RGBA(56, 96, 178, 1)) Button High Fill Property: If("High" in selectedCompexity,Red,RGBA(56, 96, 178, 1))

Last you need to to set the TemplateFill Property of the Gallery Contol. In my Case I have a field called complexity in my datasource:

Switch( ThisItem.Complexity, "Low", Pink, "Medium", Green, "High", Red )

Thats it. Please try and let me know if this meets your requirement.
Community Power Pla... Microsoft Employee on at

Like
a
(0)

Report
Copy link

Link copied!

I'm sorry to be dense, but how do I set the "OnSelect" properties of each button when they are located in a gallery? I know how to set that for the Low button, but how do I set it for the medium and high options?

I really am trying to learn this new application so I do apologize for the dumb question.
PowerRanger 3,458 Super User 2024 Season 1 on at

Like
a
(0)

Report
Copy link

Link copied!

Hi @Anonymous

Is there a special reason why you use a gallery to show the buttons? Why do you not just place them on the screen?
PowerRanger 3,458 Super User 2024 Season 1 on at

Like
a
(0)

Report
Copy link

Link copied!
@Anonymous

If there is a good reason to have a Gallery to show the button you need to put the formulas in a switch statement.

switch(ThisItem.buttonComplexity,"Low",<code for low>,"Medium",<code for medium>,"High",<code for high>)

This applies for OnSelect as well as Fill

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.