Accordion with Icons

I built this component to allow an icon to be added to each Accordion Header where the icon is dependent on the current state of the Accordion. There are 3 possible states that are tracked, up, down, and selected. The upIcon is displayed whenever the pane is above the selected pane. The downIcon is displayed whenever the pane is below the selected pane. The selectedIcon is displayed when pane is the selected pane. See the image below.

Sample Syntax (Basic with default icons):

<eflex:AccordionIcons>
<mx:Canvas label=”Canvas”/>
<mx:VBox label=”VBox”/>
<mx:HBox label=”HBox”/>
</eflex:AccordionIcons>

Sample Syntax (Advanced with custom icons and selectedIndex):

<eflex:AccordionIcons
upIcon=”@Embed(source=’assets/icons/arrowUp2.gif’)”
downIcon=”@Embed(source=’assets/icons/arrowDown2.gif’)”
selectedIcon=”@Embed(source=’assets/icons/arrowSelected2.gif’)” height=”200″
selectedIndex=”1″>
<mx:Canvas label=”Canvas”/>
<mx:VBox label=”VBox”/>
<mx:HBox label=”HBox”/>
</eflex:AccordionIcons>

Run this demo

View/Download Source

Docs

Flex Tree Map

Josh Tynjala has posted the source code for his tree map component.

Check it out at:

http://www.zeuslabs.us/archives/110/flex-treemap-subversion-download/

Great work Josh and thanks for the contribution of the source code.

Rich

Flex Scheduling Framework

After a long period of anticipation, the Adobe Consulting team have made available an open-source Scheduling Framework for Flex 2. More than just a calendar component, the Scheduling Framework allows you to create and fully customize any number of Scheduling Components. Go get it at http://labs.adobe.com/wiki/index.php/Flex_Scheduling_Framework

Rich

Interactive Calendar

Many of you already know that the Adobe Consulting team has been working on a calander component.  They have yet to release this component (maybe at Max next week)?  In the mean time Ely Greenfield has posted a prooof of concept calendar component that is very cool.  He has not yet posted the source code but does intend to make it open source and are looking for contributors.  Check it out by visiting is blog at http://www.quietlyscheming.com/blog/components/interactive-calendar/

Rich

CustomRowColorDataGrid Component

Mike Nimer has posted this new component which extends datagrid and gives the ability to set the datagrid rows background color based on the contents of the data in the row.

Mike has posted the source for download. Thank you Mike for making this freely available.
Visit his post here.

Rich