Is it possible to have a totally transparent button?
I have an image as the background of one of my windows, and I want to make certain areas clickable (sort of like an image map). I have placed the buttons over these areas transparently, and this works well. Apart from one small problem:
I have the following in my XML file, which makes the buttons transparent, but I get an annoying white border around the edge of the buttons which I can't seem to get rid of (it vanishes when the mouse hovers over the button and when the button is pressed, but returns when the mouse moves away). Any clues?
code:
<Control xsi:type="ButtonControl" Id="BtnClose">
<Position Left="215" Top="163" Width="76"/>
<CustomGradient>
<Normal>
<Color1><Red>0</Red><Green>0</Green><Blue>0</Blue><Alpha>000</Alpha></Color1>
<Color2><Red>0</Red><Green>0</Green><Blue>0</Blue><Alpha>000</Alpha></Color2>
<Shadow>false</Shadow>
</Normal>
<Hot>
<Color1><Red>0</Red><Green>0</Green><Blue>0</Blue><Alpha>000</Alpha></Color1>
<Color2><Red>0</Red><Green>0</Green><Blue>0</Blue><Alpha>000</Alpha></Color2>
</Hot>
<Pushed>
<Color1><Red>0</Red><Green>0</Green><Blue>0</Blue><Alpha>000</Alpha></Color1>
<Color2><Red>0</Red><Green>0</Green><Blue>0</Blue><Alpha>000</Alpha></Color2>
</Pushed>
</CustomGradient>
<Caption>Close</Caption> </Control>
I've already tried using Images of the buttons on the buttons themselves, but positioning them right was too much of a hastle and just looked dodgy in the end.