Greetings, Below is a picture of what I am trying to achieve (Target.png)
*[image: Inline image 1]* The image is of a panel described (in pseudo MXML) with *Panel* * VGroup* * HGroup* * (Header backgound)* * (Header content)* * HGroup* * VGroup* * (Left panel background)* * (Left panel content)* * VGroup* * (Right panel background)* * (Right panel content)* * * I want to create a component (extending s:Panel) that allows a junior developer to achieve the same result by simply writing (again pseudo MXML) *CustomPanel* * headerContainer* * (Header content)* * leftContainer* * (Left panel content)* * rightContainer* * (Right panel content)* * * I was looking at a tutorial from http://saturnboy.com/2010/07/multiple-content-area-containers/ and have not been successful getting the results I am aiming for. I have subclassed s:Panel (ThreeTieredPanel.as) and created a custom skin for it (ThreeTieredPanelSkin). In the subclass I have added three new groups (searchGroup, masterGroup, detailGroup), but cannot get their content to be displayed. I think if I can get beyond that point (getting the content to display), then I will be able to format as needed. Attached are an image and my exported Flex project. I am using FB4.7 and Flex SDK 4.9 Thank you for any help you can provide.* *
<<image.png>>
