Dear All,
I have a page and my navigation background color is blue and it is coming from css , as below.
sunitanavigation.css
.sunitaNavigation {
background-color: #ff0000;
opacity:1;
min-width: 380px;
}
In my navigation component cq:dialog ,
I have mentioned the below opacity dropdown.
<opacity
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/numberfield"
fieldDescription="0.1 is nearly transparent; 1 is solid"
fieldLabel="Background Opacity"
increment="0.1"
max="{Long}1"
min="{Double}0.1"
name="./bgOpacity"
step="{Double}0.1"/>
Now If I will select opacity 0.5 , then my background color will come as 0.5
Currently my opacity is hard coded in CSS , as shown in above. How can I set this selected opacity value in CSS "or" in any other way ???