How can I make my entire flex widget have rounded corners?

Question

I am creating a Flex widget and would like to make the corners rounded. In other words, I don't want some component inside the widget rounded, I want the actual widget to be rounded.

I have seen this done in many places so it cannot be too hard, but all of the solutions I find on the internet do not work.

People say to set the cornerRadius property and then set the borderStyle to "solid" and borderThickness to anything. This is not working for me.

Any ideas?

Thank you!

Answer 1

If you're creating an AIR Application, you can set a custom chrome, and you're whole application will have the shape you want.

Here's a handy article.

Not sure what kind of widget you're talking about though.

Answer 2

Thanks for the responses. I ran into a few issues when creating a rounded corner widget. One being that a Panel container in Flex automatically adds a drop shadow. It can be really hard to tell if your panel is the same size as your application and the corners are rounded. It just looks like the bottom corners are dark. Anyway, I am putting the sample code here if you want to take a look.