Gradient for Card Widget

Dashboard Designer
#1

Hello Helical Team,

I am using Helical Insight 4.0. I want to have a color gradient as background for my card widget on the dashboard. The background option does not have the gradient option. Is there any way to achieve this?

Thank You,
Helical Insight.

#2

Hello Sesa,

There is an option to add CSS to any panel on the dashboard.

Right click on the panel, and you can see Advanced option. Click on CSS.

image

You can see the component ID of the panel.

image

Apply the following CSS for this component.

#chart-4qeg0n3iiyb{

background-image: linear-gradient(red,yellow) !important;

}

Here 4qeg0n3iiyb is the component ID. In a similar way you can apply color gradient on other components as well as apply other kind of CSS.

image

Thank You,
Helical Insight.