You could just use a VBox container (or VGroup if you're using Flex 4.x) and nest a Label and Canvas tag.
Something like this:
<mx:VBox> <mx:Label text="Pseudo Panel title" width="100%" /> <mx:Canvas width="100%"> <mx:Button label="I'm in a Canvas!" /> </mx:Canvas> </mx:VBox>
Use TitleWindow component.
Or Panel setup left right bottom border ....
and set header height to you want and showCloseButton property to true in titlewindow
or are you saying box within box?
for internal box you can use FlexLib Library component. ui:TitledBorderWindow
That's it (TitledBorderWindow)
but, I put in my application this: xmls:ui="flex.utils.ui.*"
<ui:TitledBorderWindow x="10" y="10" width="100" height="150" title="Title" />
but, in the design show one box with "x" red, and in execute, don't show nothing..
Something else I need to do?
Remembering that I'm using Flex3.
If you were using Spark (Flex 4), you'd be able to easy skin this but in MX or Flex 3, I would recommend using a simple container like Canvas and/or VBox/HBox since they offer flexibility. To get that gradient border, you can try setting borderStyle to applicationControlBar.
Custom components dont show up properly in design mode. but they work perfect
when you run them. give it a try.