cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
Showing results for 
Search instead for 
Did you mean: 

CSS code for panel widget.

SOLVED
Alexandrite

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.

1 ACCEPTED SOLUTION

Accepted Solutions

Re: CSS code for panel widget.

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

 

View solution in original post

5 REPLIES 5

Re: CSS code for panel widget.

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

 

View solution in original post

Re: CSS code for panel widget.

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.

Re: CSS code for panel widget.

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

 

A panel inside of a responsive panel.

Re: CSS code for panel widget.

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

Re: CSS code for panel widget.

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