CSS code for panel widget.

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.

Best answer by mneumann

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.):

Answer

16-Pearl

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.):

5-Regular Member

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.

5-Regular Member

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

A panel inside of a responsive panel.

Sign up