CSS code for panel widget.

[Sugumar_5656]

Hello all,

             I need to put shadow effect for the panel and layout widget in the ThingWorx using CSS.

But i dont know what will be the code format. i referred ThingWorx guide in that button widget alone given as example.

kindly share me the example code for panel widget.

Thanks in Advance.

[mneumann · Accepted solution]

You can use the custom css and define a new class, e.g. .myShadow (with . )

Then you can assign the myShadow class to the panel (without . )

To have a 10x10 shadow you can use e.g.

.myShadow {
    box-shadow: 10px 10px;
}

Check out this page to see which kind of shadow definitions can be used (text, box, transparent etc.):

https://www.w3schools.com/css/css3_shadows.asp

[vxavier]

I tried that and it didn't work for the panel. I tried to change the background also and it didn't work.

I tried for label, and worked just fine, maybe it doesn't work for panel yet.

[vxavier]

Ohh, it worked fine when the panel was not responsive in the layout.

A panel inside of a responsive panel.

[mneumann]

Yes, I've tried it for a panel in a panel as well :)

[Sugumar_5656]

same code cannot be applied for layout .. why??