Label fill color transparency

(0) Share

Report

Posted on by Voltes

271

Hi guys,

If I have 2 labels that on top of the other, and I want to make the top label-HoverFill to have the same color but lighter and more transparent, any function for that ? I tried ColorFade but not succedded.

I actually want to put inside my Gallery, so I have 1 label in front of all the columns (labels) in my gallery. And I put empty string in this Label.Text then HoverFill I put something like ColorFade(somebutton.Fill, 0.1) --> this "somebutton" is just one of my button that I want to get the Fill Color, so it will make the same color theme, but more light and transparent.

The color of that label did more light, but it is not transparent, so it is blocking all the columns (labels) behind it.

Any input is appreciated.

Thanks

Categories:

Building Power Apps

I have the same question (0)

All responses (2)

Answers (2)

Verified answer

v-jefferni Microsoft Employee on at

Like (4)

Report
Copy link

Link copied!

Hi @Voltes ,

Please refer the below official doc about color functions:

https://docs.microsoft.com/en-us/powerapps/maker/canvas-apps/functions/function-colors

The ColorFade function returns a brighter or darker version of a color. The amount of fade varies from -1 (which fully darkens a color to black) to 0 (which doesn't affect the color) to 1 (which fully brightens a color to white).

The fade percentage value only controls the light or dark, not the transparency. You may try the ColorValue() function to add transparency:

I have set Fill of the Label to White and HoverFill to ColorValue("#ffd70080") which is a light Gold with 50% transparency.

CSS colors list:

https://www.w3.org/wiki/CSS/Properties/color/keywords

transparency value list:

https://faustocapellan.com/2020/06/01/how-to-2-add-transparency-to-hex-colors-in-power-apps/

Hope this helps.

Best regards,

Community Support Team _ Jeffer Ni
If this post helps, then please consider Accept it as the solution to help the other members find it.

Was this reply helpful? Yes No
Verified answer

ArchitectMadhan 1,584 on at

Like (2)

Report
Copy link

Link copied!

Hi @Voltes ,

Please try to use the ColorFade formula (Hover Fill) in the label within the gallery as shown here in the below screenshot. Hope this helps you.
Output:
With default white background
With Hover fill:
If you find my solution helpful for resolving the issue, then please consider Accept it as the solution to help the other members find it more quickly.

Was this reply helpful? Yes No