Flex Tip of the Day: set border-style to get rounded corners, drop shadow
May 1st, 2007
(One in a series of random, daily, useful Flex tips.)
Here’s a quickie. Wondering why your corner-radius style isn’t doing anything? Wondering why you aren’t getting a drop shadow? The answer is you have to set border-style to something (“solid” is a fine choice) in order to see rounded corners or a drop shadow style take effect.
The complete logic is in HaloBorder.as if you really want to see what’s going on. Highly recommended.
Technorati Tags: Flex, Flex Tip of the Day
I'm working on Noteflight, an online music writing application that lets you create, view, print and hear music notation with professional quality, right in your web browser. Work on a score from any computer on the Internet, share it with other users, and embed it in your own pages. Noteflight is free for individual use. Email me at dcoletta at noteflight dot com.
Great reminder. I can’t tell you how many times I still have to answer this question.
So much so that I wrote my own post a while back with a quic demo (this was back in Flex 1.5 days), here at http://weblogs.macromedia.com/mc/archives/2005/10/round-cornered.cfm.
- peter / adobe consulting
Great tip!! Saved me a lot of time in debugging an issue on my app. I knew the drop shadow worked only this way but didnt realize so did corner radius.
sweet !
Thanks! Glad it was helpful.
Thanks, you’re a life saver! Was pulling out hair!