cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Coopedup
Resolver II
Resolver II

Colour visuals - top to bottom colour fade

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!

1 ACCEPTED SOLUTION

Accepted Solutions
Coopedup
Resolver II
Resolver II

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. 

View solution in original post

5 REPLIES 5
JR-BejeweledOne
Super User
Super User

Try this:

 

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



If you like this post, give it a Thumbs up. If it answered your question, Mark it as a Solution to enable other users find it.
Coopedup
Resolver II
Resolver II

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.

Coopedup_0-1626789500284.png

 

I updated my original reply.  Check out this link.

 

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

 



If you like this post, give it a Thumbs up. If it answered your question, Mark it as a Solution to enable other users find it.
Coopedup
Resolver II
Resolver II

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. 

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



If you like this post, give it a Thumbs up. If it answered your question, Mark it as a Solution to enable other users find it.

Helpful resources

Announcements
Super User 2 - 2022 Congratulations 768x460.png

Welcome Super Users

The Super User program for 2022 - Season 2 has kicked off!

Power Platform Conf 2022 768x460.jpg

Join us for Microsoft Power Platform Conference

The first Microsoft-sponsored Power Platform Conference is coming in September. 100+ speakers, 150+ sessions, and what's new and next for Power Platform.

<
Users online (3,418)