{"id":47,"date":"2007-03-21T15:22:41","date_gmt":"2007-03-21T23:22:41","guid":{"rendered":"http:\/\/dougmccune.com\/blog\/2007\/03\/21\/flex-panel-component-with-controlbar-docked-to-the-top-instead-of-bottom\/"},"modified":"2007-03-21T15:25:29","modified_gmt":"2007-03-21T23:25:29","slug":"flex-panel-component-with-controlbar-docked-to-the-top-instead-of-bottom","status":"publish","type":"post","link":"https:\/\/dougmccune.com\/blog\/2007\/03\/21\/flex-panel-component-with-controlbar-docked-to-the-top-instead-of-bottom\/","title":{"rendered":"Flex Panel component with ControlBar docked to the top instead of bottom"},"content":{"rendered":"

Today someone asked on flexcoders<\/a> if you can make the Panel component dock the ControlBar component to the top of the Panel instead of the bottom of the Panel. The short answer is no, you can’t. The longer answer is you can extend Panel and make a few minor adjustments and then yes, you can.<\/p>\n

Here’s an extension of the Panel class that allows you to specify a new property: controlBarPosition<\/strong>, which can either be “top” or “bottom”.<\/p>\n

The one caveat about this class is that if you set the control bar to be placed at the top, you should set the roundedBottomCorners style of the Panel to false. Otherwise the bottom corners of the control bar will be drawn rounded as well, which looks kind of weird if they’re not at the bottom of the panel (if you’re curious why take a look at the source of mx.skins.halo.HaloBorder, around line 470).<\/p>\n

View the source<\/a>.<\/p>\n

This movie requires Flash Player 9.<\/div>\n