Gallery background colour change

(0) Share

Report

Posted on by DLCaterhamSch

394 Super User 2024 Season 1

Dear All,

I have a SharePoint list with a choice field status in a gallery in power apps. It has the following choice entries which I want to change the colour background status in a gallery. How is best to do this?

Kind Regards

Daniel

Details:

Pending = Blue

Send to car park = yellow

Send to lane = yellow

Send to parent (other) = yellow

Dismissed = green

Club/Activity = light green

Absent = grey

Follow up = Light brown

Categories:

Building Power Apps

All responses (8)

Answers (1)

Sort by

LaurensM 12,516 Moderator on at

Like
a
(0)

Report
Copy link

Link copied!
Hi @DLCaterhamSch,

Do I understand it correctly that you wish to change the gallery background (for that item) depending on the value of your choice field? This can be achieved by using a Switch() function in the Gallery's TemplateFill property:

Switch( //Change ChoiceFieldName accordingly ThisItem.ChoiceFieldName.Value, "Pending", Color.Blue, "Send to car park", Color.Yellow, "Send to lane", Color.Yellow, "Send to parent (other)", Color.Yellow, //Continue with other values & colors )

The string value should match the choice value exactly - pay close attention to e.g. capitalization.

If this solves your question, would you be so kind as to accept it as a solution & give it a thumbs up.

Thanks!
DLCaterhamSch 394 Super User 2024 Season 1 on at

Like
a
(0)

Report
Copy link

Link copied!

Unfortunately this doesnt seem to work. So I would like to change the background colour of the choice field "Status" choice in the gallery. I have put the above into the Gallery.
LaurensM 12,516 Moderator on at

Like
a
(0)

Report
Copy link

Link copied!

Hi @DLCaterhamSch,

Would it be possible to provide a screenshot and additional information on what you would like to achieve?

Thanks! 😊
DLCaterhamSch 394 Super User 2024 Season 1 on at

Like
a
(0)

Report
Copy link

Link copied!

Here is the picture. So when the status is changed to pending for example it will change the writing on the gallery to a colour.
LaurensM 12,516 Moderator on at

Like
a
(0)

Report
Copy link

Link copied!
@DLCaterhamSch,

Thanks for the additional info! Could you try my previous Switch statement in the Color property of that label?

The first parameter of the Switch statement (ThisItem.ChoicFieldName.Value) should be the same value as the label's Text property. Alternatively you could use Self.Text as the first parameter.

Switch( Self.Text, "Pending", Color.Blue, "Send to car park", Color.Yellow //Add additional options below )

I hope this helps!
DLCaterhamSch 394 Super User 2024 Season 1 on at

Like
a
(0)

Report
Copy link

Link copied!
This seems to change the text, but be good to change the background and leave the text black?

Switch( Self.Text, "Pending", Color.Blue, "Send to car park", Color.Yellow //Add additional options below )
Verified answer

LaurensM 12,516 Moderator on at

Like
a
(1)

Report
Copy link

Link copied!

@DLCaterhamSch,

In this case you can leave the Color property as RGBA(0, 0, 0, 1) and use the Switch in the Fill property which will change the background color.
DLCaterhamSch 394 Super User 2024 Season 1 on at

Like
a
(0)

Report
Copy link

Link copied!

Dear All,

I need to get this working now on a grid with a drop down box? I used this code and it doesnt work correctly?

Kind Regards

Daniel