cancel
Showing results for 
Search instead for 
Did you mean: 

Color gradient options for fills

Simple request to be able to add gradient fill colors - including gradient transparency.

Status: New
Comments
Level: Powered On

Waitching this...

aow
Level: Powered On

This is really a nice idea to have.Solid fills make the screen dull

Level: Powered On

Would love to have gradient buttons too!

Level: Power Up

requesting update or workaround pls.

 

Level: Powered On

@OliviaD  I think for now you either create the gradient using Base64 string or a a gradient image (you can create using PPT). Hope that answers your question Smiley Happy 

Level: Powered On

Thanks @Laney! Based on your comment, I found this bit of perfection... https://www.youtube.com/watch?v=BlSivf3bErA  

Level: Powered On

@Olivia_Dudley 

 

Bit of a "hack" but will do the job..... for now.... Thanks for finding that

mrQ
Level: Powered On

indeed a good request

Level: Powered On

Hello Smiley Happy exempleSPSVG.gifSVG PowerAppsWhen i need gradient or something special, i use SVG langage. 

 

 

 

 

 

 

 

 

 

 

My SVG is created with InkScape.
I open the SVG with notepad and paste all the code at this adress : https://yoksel.github.io/url-encoder/
to get back a encoded code.
The gradient bar is a image with this :

"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3ClinearGradient id='grad1' x1='0%25' y1='0%25' x2='100%25' y2='0%25'%3E%3Cstop offset='0%25' style='stop-color:rgb(255,255,0);stop-opacity:1' /%3E%3Cstop offset='100%25' style='stop-color:rgb(255,0,0);stop-opacity:1' /%3E%3C/linearGradient%3E%3Crect x='0' y='0' width='"&RoundDown(CountIf('Task List Marc';Nom=Title2.Text)*Slider1.Value/100*24*(Image3.Width/Label4.Text/24);0)&"px' height='24px' rx='10px' ry='10px' fill='url(%23grad1)' /%3E%3C/svg%3E%0A"