Colour visuals - top to bottom colour fade

(0) Share

Report

Posted on by Coopedup

355

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:

Building Power Apps

I have the same question (0)

All responses (5)

Answers (1)

Sort by

JR-BejeweledOne 5,836 Moderator on at

Like (0)

Report
Copy link

Link copied!

Try this:

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

Was this reply helpful? Yes No
Coopedup 355 on at

Like (0)

Report
Copy link

Link copied!

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.

Was this reply helpful? Yes No
JR-BejeweledOne 5,836 Moderator on at

Like (0)

Report
Copy link

Link copied!

I updated my original reply. Check out this link.

Power Apps Guide - General - How to apply gradient colours to screens - Power Apps Guide - Blog

Was this reply helpful? Yes No
Verified answer

Coopedup 355 on at

Like (1)

Report
Copy link

Link copied!
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.

Was this reply helpful? Yes No
JR-BejeweledOne 5,836 Moderator on at

Like (0)

Report
Copy link

Link copied!

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

Was this reply helpful? Yes No