How to get shadow and padding in label/button?

#1

Hi

I need to display a bunch of dashboard components / widgets, each of which will need to display left aligned text with padding, show a shadow when hovered over, and navigate to another dashboard when clicked.

I could choose between a label and a button. Problem is that a label has padding but no shadow, whereas a button has shadow but no padding?! (I’m using version 5 - don’t know if it’s changed in v6)

What component should I use, and how should I customise it to achieve both padding and a shadow on hover of only the hovered component?

Thanks

#2

CSS+HTML using the HTML Label Component and attach the built-in Navigate Interactions to the Click Action

#3

Yeah, I reckon that should do it.

I was hoping there was an easier way though…

Actually, it might not be so hard as the HTML label does allow some formatting from the properties

1 Like