Box doesn't have a fill by default, so you're seeing right through the
container to the background behind it. The glow you're seeing inside the box is
actually just a general glow around each of the container's elements. You'd get
the same result with a Canvas, although a Panel has a fillled background and
doesn't have this effect.
You can get the effect you're looking for by setting a background color on the
box:
<mx:Box height="100" width="200" mouseDownEffect="{glowImage}"
backgroundColor="white"
borderColor="black" borderStyle="solid" >
Chet.
From: [email protected] [mailto:[email protected]] On Behalf
Of mitchgrrt
Sent: Monday, July 27, 2009 7:10 AM
To: [email protected]
Subject: [flexcoders] Re: problem using mx:Glow and mx:Box
Also in the example, the inner "hello" label gets the glow. It seems like the
Glow is applied to the outer and inner borders of the Box, and also to objects
inside the Box. Does anybody know how to make the Glow effect just the outside
of the Box? Thanks.
--- In [email protected]<mailto:flexcoders%40yahoogroups.com>,
"mitchgrrt" <mitch_g...@...> wrote:
>
> I'm trying to put a Glow around a Box, and have the glow show around the
> outside of the Box's borders but not the inside. Here's part of the code:
>
> <mx:Glow id="glowImage" duration="1000"
> alphaFrom="1.0" alphaTo="0.3"
> blurXFrom="0.0" blurXTo="50.0"
> blurYFrom="0.0" blurYTo="50.0"
> inner="false"
> color="0x00FF00"/>
>
> <mx:Box height="100" width="200" mouseDownEffect="{glowImage}"
> borderColor="black" borderStyle="solid" >
>
> <mx:Label text="hello" />
> </mx:Box>
>
> The Glow shows up both inside and outside the Box's borders, even though I
> set inner="false". Does somebody know how to get it to show just outside the
> box? Thanks.
>