Gradient color fill in shapes in kibana canvas

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

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%);
}

Hi smac,

I have tried the same,but its not working.

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.

Thanks ,it worked

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.