Hello,
I'm trying to create a background to my object to make the component more appealing, however I'm not able to achieve desired results.
Below is a multiple gauge component developed on SAP dashboard designer: The dashboard itself has a semi transparent image which we can see and the gauge components are enclosed within a frame with a different background color.
In Design Studio 1.5 I'm trying to achieve that, I used the panel component and picked the desired background color, opacity and other css customization's(see below):
background-color:#f2f2f2;
border-radius: 6px;
border: 2px solid grey;
opacity: 0.4;
However the problem arises when I drop a component within the panel, the component also picks up the opacity characteristic and is barely visible.
I do not want the component itself to have any opacity. Please advise! is there any other way to do this?
Thanks
Mo!