Answered

How to highlight label and icon in a gallery when selected

(0) Share

Report

Posted on by Shubham_Yadav

Hi i'm new to this and have a component for navigation using gallery, and i want to highlight only selected label and icon part when respective screens are opened.

Any help will be thankfull as I'm new to this.

Categories:

Building Power Apps

All responses (10)

Answers (1)

Sort by

MVP-Phipps 3,521 Super User 2024 Season 1 on at

Like
a
(0)

Report
Copy link

Link copied!

Put an IF statement in border or fill colour.

Please Accept as Solution if it solves your question. Or just give it a Thumbs Up if it is helpful because this can help others.

LinkedIn: https://www.linkedin.com/in/charlie-phipps-%F0%9F%91%A8%E2%80%8D%F0%9F%92%BB-91338715b/
YouTube: https://www.youtube.com/channel/UChmFBGU1YKIU91sNMQ7buGg
Twitter: https://twitter.com/phipps0218
Shubham_Yadav 10 on at

Like
a
(0)

Report
Copy link

Link copied!

@phipps0218 , thanks for reply but using fill color complete cell color is getting changed and border color is also not working. Any other suggestions or what should be condition which i have to use.
MVP-Phipps 3,521 Super User 2024 Season 1 on at

Like
a
(0)

Report
Copy link

Link copied!

What forumla did you write in your border colour?
Shubham_Yadav 10 on at

Like
a
(0)

Report
Copy link

Link copied!

@phipps0218 , thanks for reply, my condition might be wrong
If(ThisItem.IsSelected= true,Red,DimGrey)
also i'm passing values from tables as below
Table(
{Value: "Support",Screen: App.ActiveScreen,Icon: Support},
{Value: "Settings",Screen: App.ActiveScreen,Icon: Settings}
)
mdatson 41 on at

Like
a
(0)

Report
Copy link

Link copied!
In the colour property of your icon and label use the following (edit for your app)
If(App.ActiveScreen = Support, RGBA(255, 0, 0, 1), RGBA(0, 0, 0, 1))
This will set the colour of the text and icon to red is the support screen is active. if a different screen is active the text and icon will be black.

If this solves your issue make sure to mark as accepted solution.
mdatson 41 on at

Like
a
(0)

Report
Copy link

Link copied!

Put that under the 'Color' property and you should be good to go.
This will change the text color and icon color (not the background color).

The bordercolor won't do anything if your borderstyle is set to none or border thickness set to 0.
Drrickryp Super User 2024 Season 1 on at

Like
a
(0)

Report
Copy link

Link copied!

@Shubham_Yadav

There is no need for the "= true" in your formula. IsSelected reduces to true or false.
Shubham_Yadav 10 on at

Like
a
(0)

Report
Copy link

Link copied!

@mdatson , thanks for reply, i updated in color property, but it is working sometime and some time not as shown below image
Also i have other gallery as well and i want one to be selected at a time if i paste same condition in both gallaries then two labels will be highlighted one in each gallary.
Verified answer

mdatson 41 on at

Like
a
(0)

Report
Copy link

Link copied!

This video tutorial will help you: Power Apps Smart Navigation Menu
It performs exactly what you're looking for. you can apply the same techniques used here to your app.
Shubham_Yadav 10 on at

Like
a
(0)

Report
Copy link

Link copied!

@Drrickryp ,
thanks for reply, i updated in color property, but it is working sometime and some time not as shown below image
Also i have other gallery as well and i want one to be selected at a time if i paste same condition in both gallaries then two labels will be highlighted one in each gallary.