Skip to main content
R
rsingh-85-Regular Member
5-Regular Member
August 3, 2017
Question

How to control opacity of background keeping widget fully opaque.

  • August 3, 2017
  • 1 reply
  • 2584 views

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

1 reply

A
ankigupta5-Regular Member
5-Regular Member
August 3, 2017

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.

Terms & ConditionsAccessibility statement