Skip to main content
1-Visitor
July 7, 2018
Solved

CSS code for panel widget.

  • July 7, 2018
  • 1 reply
  • 3013 views

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

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

 

1 reply

mneumann16-PearlAnswer
16-Pearl
July 13, 2018

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

 

5-Regular Member
July 13, 2018

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
July 13, 2018

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

 

A panel inside of a responsive panel.