Adobe Community: add drop shadow with css?

Currently Being Moderated

1. matthew horn,

Dec 16, 2008 8:49 AM in reply to john isaacks

Report

No, drop shadows are implemented as filters, not styles. They cannot be set via CSS in Flex 3.

matt horn
flex docs

|

Mark as:

Currently Being Moderated

2. john isaacks,

Dec 16, 2008 9:38 AM in reply to matthew horn

Report

Thank you for answering!

|

Mark as:

Currently Being Moderated

3. Newsgroup_User,

Dec 16, 2008 10:14 AM in reply to john isaacks

Report

"danger42" <webforumsuser@macromedia.com> wrote in message
news:gi8m68$i9s$1@forums.macromedia.com...
> No, drop shadows are implemented as filters, not styles. They cannot be
> set via CSS in Flex 3.

You could, however, extend whatever component it is you're wanting to apply
the style to to add the capability of a CSS drop shadow.

|

Mark as:

Currently Being Moderated

4. ashtangakasha,

Feb 14, 2009 11:05 AM in reply to matthew horn

Report

quote:

Originally posted by: danger42
No, drop shadows are implemented as filters, not styles. They cannot be set via CSS in Flex 3.

matt horn
flex docs

Although Matt's reply is true with respect to label components, which is what the original question addressed, it's worth pointing out that MXML Styles can set dropshadows on components which happen to expose the dropShadowEnabled property. Perhaps this is new to Flex 3.2.

For example, CSS can apply dropshadows to TextArea, Canvas, DataGrid, AdvancedDataGrid, and other list-based containers, but not to Buttons, Labels, ComboBoxes, Images, etc. The rationale for exposing or not exposing the dropShadowEnabled (and dropShadowColor) property is not clear, so you have to refer to the docs.

I would recommend updating this Answer with a bit more detail.

Thanks,

Allen

|

Mark as:

Currently Being Moderated

5. Phrankie,

Mar 5, 2009 9:44 AM in reply to ashtangakasha

Report

quote:

Originally posted by: ashtangakasha

quote:

Originally posted by: danger42
No, drop shadows are implemented as filters, not styles. They cannot be set via CSS in Flex 3.

matt horn
flex docs

Although Matt's reply is true with respect to label components, which is what the original question addressed, it's worth pointing out that MXML Styles can set dropshadows on components which happen to expose the dropShadowEnabled property. Perhaps this is new to Flex 3.2.

For example, CSS can apply dropshadows to TextArea, Canvas, DataGrid, AdvancedDataGrid, and other list-based containers, but not to Buttons, Labels, ComboBoxes, Images, etc. The rationale for exposing or not exposing the dropShadowEnabled (and dropShadowColor) property is not clear, so you have to refer to the docs.

I would recommend updating this Answer with a bit more detail.

Thanks,

Allen

I use CSS to add drop shadows; alternately I declare them as an MXML attribute. There's peculiar an unexpected hitch with either approach. It seems that you must set also set a borderStyle or dropShadowEnabled has no effect.

Phrankie

|

Mark as:

Currently Being Moderated

6. ashtangakasha,

Mar 5, 2009 12:07 PM in reply to Phrankie

Report

Phrankie,

Yes, I noticed that too. I found that a plain border seemed to work most consistently, but I didn't test thoroughly. If I don't want a border, I have to leave it set to flat and then set the thickness to zero.

I hope Matt notices these replies. I'd feel better if the Answer were updated to be more accurate. Or, if setting dropshadows via CSS is not supposed to work, then it would be good to know that.

|

Mark as:

Currently Being Moderated

7. Phrankie,

Mar 5, 2009 7:49 PM in reply to ashtangakasha

Report

quote:

Originally posted by: ashtangakasha
Phrankie,

Yes, I noticed that too. ... If I don't want a border, I have to leave it set to flat and then set the thickness to zero.

Thanks for confirming this peculiar behavior. In this case it seems odd that one attribute would be dependent upon another.

I hope Matt notices these replies. I'd feel better if the Answer were updated to be more accurate. Or, if setting dropshadows via CSS is not supposed to work, then it would be good to know that.

Agreed,

Phrankie

|

Mark as:

Currently Being Moderated

8. Newsgroup_User,

Mar 7, 2009 10:04 PM in reply to ashtangakasha

Report

"Phrankie" <webforumsuser@macromedia.com> wrote in message
news:gop31l$24j$1@forums.macromedia.com...
>

quote:

Originally posted by: ashtangakasha
>
quote:

Originally posted by: danger42
> No, drop shadows are implemented as filters, not styles. They cannot be
> set
> via CSS in Flex 3.
>
> matt horn
> flex docs

>
> Although Matt's reply is true with respect to label components, which is
> what
> the original question addressed, it's worth pointing out that MXML Styles
> can set dropshadows on components which happen to expose the
> dropShadowEnabled property. Perhaps this is new to Flex 3.2.
>
> For example, CSS can apply dropshadows to TextArea, Canvas, DataGrid,
> AdvancedDataGrid, and other list-based containers, but not to Buttons,
> Labels,
> ComboBoxes, Images, etc. The rationale for exposing or not exposing the
> dropShadowEnabled (and dropShadowColor) property is not clear, so you have
> to
> refer to the docs.

I think it depends on whether the component has a HaloBorder or not.

|

Mark as:

Currently Being Moderated

9. ashtangakasha,

Mar 8, 2009 7:49 AM in reply to john isaacks

Report

Ah, yes. That makes sense. I haven't poked into the source, but it sounds like the dropshadow may be a method of the border itself.

|

Mark as:

Currently Being Moderated

10. sohilr,

Jul 5, 2011 11:30 PM in reply to john isaacks

Report

Hi ,

I m using Flex 4. I would like to know now if this feature is avalaible for labels .

Thanks,

Sohil

|

Mark as:

Flex

add drop shadow with css?

Dec 16, 2008 6:50 AM

More Like This

Bookmarked By (0)

Answers + Points = Status