B4J Question Set gradient colors using CSSUtils

crt · Oct 10, 2017

Hello again,
I'm trying to have in my app where an end user can select different colors of a gradient fill. I'm trying to use CSSUtils.SetStyleProperty but I can't seem to get the proper syntax.
I can do it with:

B4X:

Pane1.Style = "-fx-background-color: linear-gradient(#2211FE, #ff33DE);"

but then it wipes out my corner radius.
I've tried:

B4X:

CSSUtils.SetStyleProperty(Pane1,"-fx-background-color: linear-gradient", (#2211FF, #ff33DE))

But I get an "error parsing attribute"
Any suggestions would be grateful.

Daestrum · Oct 10, 2017

B4X:

CSSUtils.SetStyleProperty(Panel1,"-fx-background-color","linear-gradient(#2211FF, #ff33DE)")

crt · Oct 10, 2017

Daestrum said:

B4X:

CSSUtils.SetStyleProperty(Pane1,"-fx-background-color","linear-gradient(#2211FF, #ff33DE)")

Thanks, works perfect.

rboeck · Oct 10, 2017

It's not an answer but an hint for anybody, who is optimizing his work with css, i found http://www.colorzilla.com/gradient-editor/
Here you can interactive try out your colours, designs etc.

crt · Oct 11, 2017

rboeck said:
It's not an answer but an hint for anybody, who is optimizing his work with css, i found http://www.colorzilla.com/gradient-editor/
Here you can interactive try out your colours, designs etc.

That is great news, comes in handy. Thanks

Just another tidbit for anyone that wants to use variables from colorpicker to set gradient colors.

B4X:

Dim GColor1 As Paint
Dim GColor2 As Paint
GColor1 = ColorPicker1.SelectedColor
GColor2 = ColorPicker2.SelectedColor

CSSUtils.SetStyleProperty(Pane1,"-fx-background-color","linear-gradient(" & CSSUtils.ColorToHex(GColor1) & "," & CSSUtils.ColorToHex(GColor2) & ")")

B4J Question Set gradient colors using CSSUtils

crt

Member

Daestrum

Expert

crt

Member

rboeck

Well-Known Member

crt

Member

Similar Threads

B4J Question Set gradient colors using CSSUtils

crt

Member

Daestrum

Expert

crt

Member

rboeck

Well-Known Member

crt

Member

Similar Threads

Privacy & Transparency

Privacy & Transparency