Unanswered

Create safety cross

(1) Share

Report

Posted on by Adinator

212

Hello Community, can someone please help me, I want to display this security cross (see picture) in PowerApps.
It should be maximum of days / month, so if we have the month of June then it should have 30 days. Per day where no accident happened I want to click on it and it should be green, I also want a near accident in orange and accident in red. Can someone show me how to do it?

@BCBuizer @mmollet

Categories:

Building Power Apps

I have the same question (0)

All responses (3)

Answers (0)

Sort by

KeithAtherton 3,709 Most Valuable Professional on at

Like
a
(0)

Report
Copy link

Link copied!

Hi @Adinator,

If the coloured squares in the screenshot are buttons then consider setting the Fill property of each one to a different variable (for example, locDay01Colour, locDay02Colour, ... locDay31Colour).

Then for each button, add code on the OnSelect property to set the appropriate variable to the colour required.

Another, more generic approach, would be to use a gallery (unless this is a gallery already) instead of individual buttons then the OnSelect property code may be able to be reused..

If I have answered your question, please mark your post as Solved.
If you like my response, please give it a Thumbs Up.
Follow me online.

Was this reply helpful? Yes No
Adinator 212 on at

Like
a
(1)

Report
Copy link

Link copied!

Hi @KeithAtherton , these are buttons, can you show me the codes that I can use.
I did it like in the screenshot

Was this reply helpful? Yes No
KeithAtherton 3,709 Most Valuable Professional on at

Like
a
(0)

Report
Copy link

Link copied!
Let's start with day 1 for now. Try the following:

Add the following code to the screen OnVisible property:

UpdateContext({locDay01Mode:"NoAccident"});

Select the day 1 button and add the following code to the Fill property:

Switch(locDay01Mode, "NoAccident", Color.Green, "NearAccident", Color.Orange, "Accident", Color.Red )

Try changing the value of locDay01Mode to "NoAccident", "NearAccident", and "Accident" to see the button colour change.

If I have answered your question, please mark your post as Solved.
If you like my response, please give it a Thumbs Up.
Follow me online.

Was this reply helpful? Yes No