As you know the Adobe Air framework enables the addition of a drop shadow to applications. I happened to get into this issue when I was trying to add a dropShadow to Posty.

The WindowedApplication Flex tag includes two intuitively named tags: dropShadowEnabled, which is boolean, and dropShadowColor which expects an hexadecimal color.
So it is simple to write something like the following code:

1
2
3
4
5
6
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" 
        layout="absolute" 
        dropShadowEnabled="true" 
        dropShadowColor="#000">
 
</mx:WindowedApplication>

If you run the application you’ll see the expected result: a native window with a drop shadow effect.
That’s what I did in Posty. But (… there is always a but …) at first it did not work. I spend few minutes googling around. No response. Then it came to my mind that there are strange dependencies between the properties of the WindowedApplication and the properties defined in the -app.xml file.
Few trials and errors and … gotcha! I set the systemChrome of Posty to none. But apparently there is a conflict/dependency between this property and the dropShadowEnabled tag.


Conclusion: no drop shadow effect visible when systemChrome set to none.
I don’t know whether it is a feature or a bug …

Similar Posts

  • Share/Bookmark

Comments

  1. Hello random viewers, seasoned Flexoholics and alike!
    I have a question.
    If I do Canvas css with background image and set it “no-repeat” it does not repeat but stretches the image according to corresponding Canvas constrains.
    Is there any known technik to eliminate that. Like in regular css “background-attachment: fixed” or so.

    April 7, 2009
    - Kolyan
  2. @Kolyan

    Have you tried something like this in the css?

    Canvas {
    backgroundImage: “logo.png”;
    }

    It does not repeat and it does not stretch.

    April 8, 2009
  3. Leave a Reply