1-Visitor

Solved

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.

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

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

Translate

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.

Translate

5-Regular Member

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

A panel inside of a responsive panel.

Translate

5 replies