{"id":151,"date":"2007-09-18T10:35:04","date_gmt":"2007-09-18T18:35:04","guid":{"rendered":"http:\/\/dougmccune.com\/blog\/2007\/09\/18\/using-complex-headers-with-the-flex-accordion\/"},"modified":"2008-11-02T14:10:08","modified_gmt":"2008-11-02T22:10:08","slug":"using-complex-headers-with-the-flex-accordion","status":"publish","type":"post","link":"https:\/\/dougmccune.com\/blog\/2007\/09\/18\/using-complex-headers-with-the-flex-accordion\/","title":{"rendered":"Using complex headers with the Flex Accordion"},"content":{"rendered":"

Here’s an example of how to use complex UI components for the header renderers of a Flex Accordion<\/a> component. Normally the Accordion only allows you to specify a Button as the header renderer, and any customization still requires you to subclass Button, so it’s hard to get full control over the headers. The CanvasButton<\/a> component in FlexLib<\/a> is an extension of Button that acts like Canvas, which means that it subclasses Button but allows you to easily add children via MXML. <\/p>\n

I’ve created a special extension of CanvasButton that is specifically for use as a header renderer in an Accordion. The new CanvasButtonAccordionHeader<\/a> (nice name huh?) is now in the FlexLib SVN repository<\/a>. Note that this is in the FlexLib SVN repository but is not in the zip distribution on the main FlexLib page yet, once we get a few more updates I’ll update the .zip distribution. For now you’ll have to get the source from the repository.<\/p>\n

The example below shows using a header renderer for the Accordion that display a ComboBox and a CheckBox in the header. The point here is that since you’re effectively using a Canvas as the header, you can easily add whatever UI components to the headers that you want.<\/p>\n

Browse the MXML source of this example<\/a>.
\n

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