Gradient color fill in shapes in kibana canvas

[Vartika_Srivastava]

Hi, how to fill gradient color in shapes in kibana canvas?

I tried - "shape "square" fill="linear-gradient(to right, red , yellow)" border="rgba(255,255,255,0)" borderWidth=0 maintainAspect=false
| render "

but its not working

[smac]

This is possible using CSS. Go to the right side panel, after the element is selected, and add a CSS Element Style with the round + button. You'll need to enter the following, and adjust to your liking for coloring, gradient angles, etc.

.canvasRenderEl{
background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%);
}

[Vartika_Srivastava]

@smac

.canvasRenderEl{ background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%); }

Hi smac,

I have tried the same,but its not working.

[smac]

Okay, gotcha. I was using the Markdown element, and I think you're using Shape. Just get rid of the fill color by switching it to transparent. That should make it pop for you.

[Vartika_Srivastava]

Thanks ,it worked