How to control opacity of background keeping widget fully opaque.

[rsingh-8]

Team Ankit Gupt,

I am trying to build something as below (Industrial Sealing Machine Experience - provided by PTC). If I create a css class to control opacity and apply it at Bottom panel level than opacity changes for entire entity/widgets under it.

Can you please guide in steps how to get something similar to shown below.

I tried

1. Add gridlayout in bottom panel

2. Add 5 columns

3. Add Toggle button and change images

4. Further control any action from each toggle button

Thanks

Ravi

[ankigupta]

Hi Ravindra Singh​,

The steps seems fine to me. This is what I would have tried to implement. As per my Understanding; If you want the widget to use different Style; you can add a separate CSS class for them.

I hope it helps.