Ciao
I would like to add a transparency effect on a panel.
When I go over the panel with the mouse, the panel must have minimal transparency while when I exit the panel it must become almost transparent.
I tried to edit the panel mixin.theme but without success
Grazie
Alessandro
Hi Alessandro,
First response is for Server Side.
This response is more adapted.
With Theme Builder you can create your effect into a custom theme.
You must use hovered state , opacity transition and property “opacity”.
Your theme will be like this :
{
"appearances": {
"transparent-panel": {
"inherit": "panel",
"states": {
"default": {
"styles": {
"transition": "opacity 500ms"
},
"properties": {
"opacity": 0.5
}
},
"hovered": {
"properties": {
"opacity": 1
},
"styles": {
"transition": "opacity 1000ms"
}
}
}
}
}
}
Best,
Kevin(ITG)
Hi Alessandro,
For Transparency you can use BackhroundColor and set opacity like this panel1.BackColor = Color.FromArgb(100, Color.Red);
First int is for opacity is go from 0 to 255, 0 is fully Transparent and 255 is completly filled
And for your effect you can use Event MouseOver and MouseLeave
Best,
Kevin(ITG)
Please login first to submit.