Placing label and an image in Accordion header in flex 3

Question

Hi all,
I need to display label and image in accordion header.Please let me know the process.
Thankig You....

Answer 1

Hi,
Pls use the same swc which you are having from the link earlier which is having the CanvasButton.
After that create the application same as the code is below.It is in the Flex 3.0.I am using three images and 3 labels on the header of the accordion.
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        xmlns:code="http://code.google.com/p/flexlib/">
    <mx:Accordion width="500" height="300"
        backgroundColor="0xCCCCCC">
        <mx:headerRenderer>
            <mx:Component>
                        <code:CanvasButton>
                            <mx:HBox verticalAlign="middle"
                                 horizontalGap="5">
                                <mx:Image source="logo.png"/>
                                <mx:Label text="Label 1"/>
                                <mx:Image source="logo1.png"/>
                                <mx:Label text="Label 2"/>
                                <mx:Image source="logo2.png"/>
                                <mx:Label text="Label 3"/>
                            </mx:HBox>   
                        </code:CanvasButton>
            </mx:Component>
        </mx:headerRenderer>
        <mx:VBox label=" Account Dept.">
            <mx:Label text="Container 1" />
        </mx:VBox>
        <mx:VBox label=" Admin Dept.">
            <mx:Label text="Container 2" />
        </mx:VBox>
         <mx:VBox label=" Sales Dept.">
            <mx:Label text="Container 3" />
        </mx:VBox>
    </mx:Accordion>
</mx:Application>
With Regards,
Shardul Singh Bartwal