Colour visuals - top to bottom colour fade

Like (0) Share

Report

Posted on 20 Jul 2021 12:39:18 by Coopedup

339

Hi,

I know that controlling styles in PA is pretty poor...but I wonder if there is a way to make things look smarter.

My App has a good amount of solid colour...is there a way to have a colour fade in a box? Like left to right it goes from a dark yellow to a light yellow?

Thanks!

Categories:

General Questions

All responses (5)

Answers (1)

JR-BejeweledOne 5,836 Moderator on 20 Jul 2021 at 14:41:27

Like (0)

Report

Re: Colour visuals - top to bottom colour fade

I agree it should be simple. An Idea has already been submitted for this feature. You can go here and upvote it.

https://powerusers.microsoft.com/t5/Power-Apps-Ideas/Color-gradient-options-for-fills/idi-p/100054
Verified answer

Coopedup 339 on 20 Jul 2021 at 14:36:19

Like (1)

Report
Re: Colour visuals - top to bottom colour fade

So I have managed to get another long way to do something that should be quite simple!
"<div style='width:"&'Register Selecter'.Width&";height:"&'Register Selecter'.Height-1&"px;background: rgb(255,123,103); background: linear-gradient(180deg, rgba(255,123,103,1) 0%, rgba(255,220,237,1) 80%)'></div>"
Making my background a HTML text and formatting it with the above.
JR-BejeweledOne 5,836 Moderator on 20 Jul 2021 at 14:05:25

Like (0)

Report

Re: Colour visuals - top to bottom colour fade

I updated my original reply. Check out this link.

Power Apps Guide - General - How to apply gradient colours to screens - Power Apps Guide - Blog
Coopedup 339 on 20 Jul 2021 at 13:59:04

Like (0)

Report

Re: Colour visuals - top to bottom colour fade

I had looked at colorfade, but that works on the complete block. I was hoping there would be a gradient capability. Seems not to be.
JR-BejeweledOne 5,836 Moderator on 20 Jul 2021 at 12:59:40

Like (0)

Report

Re: Colour visuals - top to bottom colour fade

Try this:

http://powerappsguide.com/blog/post/general-how-to-apply-gradient-colors