Hello, Is it possible to have a gradient background on a button.
That might depend on whether you’re using the Vision or Perspective module. Are you using Vision or are you using Perspective?
I want to say that gradients are not a possibility in Vision (but if someone wants to correct me, feel free).
Perspective gradients are easy:
Set Button.props.style.backgroundImage to linear-gradient(to right, yellow , green).
To do a left-to-right gradient.
For a more diagonal gradient, use something like linear-gradient(to bottom right, red , blue).
This page has some more examples: CSS Gradients.
3 Likes
In Vision, you can put gradients on buttons if you make your own buttons (preferably a template) using a rectangle or other shape and scripting. I don’t use the built-in buttons, but I believe your only option on them (aside from what you may or may not be able to do digging down into the underlying Java) is the background 3D option which gives them a bit of gradient shading to make them look 3D.