What's new? | Help | Directory | Sign in
Google
flexlib
Open Source Flex Component Library
  
  
  
  
    
Search
for
Updated Mar 14, 2008 by slangeberg
ComponentList  
The list of all the components currently in FlexLib.

FlexLib component list

This wiki page contains a list of all components contained in the current build of flexlib. After adding new components to FlexLib, you should edit this page and include a short summary of the component and the links to the ASDoc documentation and the sample SWF file, if available. Include the names of contributors for each component.

package: flexlib.controls

Base64Image

An image component that renders base-64 encoded images.

Documentation | Example | Contributor: Stacy Young

CanvasButton

The CanvasButton is an extension of Button that lets you set the contents of the Button to any UI components, as opposed to only a single icon and label like the normal Button control allows.

Documentation | Example | Contributor: Doug McCune

CanvasButtonAccordionHeader

The CanvasButtonAccordionHeader allows you to use a CanvasButton component as the header renderer of an Accordion, meaning you have full control over the header renderer and can add additional UI control, etc.

Documentation | Example | Contributor: Doug McCune

ConvertibleTreeList

A control that combines the functionality of the Tree component and the List component. The ConvertibleTreeList allows you to use one control and have it display the dataProvider either as a Tree or as a List. You only have to set the dataProvider once. You can set the mode at any time to change the display mode.

Documentation | Example | Contributor: Doug McCune

Fire

A component to produce a simulated fire effect.

Documentation | Example | Contributor: Doug McCune

Highlighter

A component to highlight selected words or phrases within a text control

Documentation | Example | Contributor: Tom Lee

HSlider and VSlider

Alternatives to the HSlider and VSlider controls included in the Flex framework. This version of the HSlider and VSlider allows you to drag the region between the thumbs, if the slider has mutliple thumbs. If there is more than one thumb then the region between the leftmost thumb and the rightmost thumb is draggable.

Documentation | Example | Contributor: Doug McCune

IconLoader

The IconLoader component converts a Macintosh OS X (.icns) or Windows XP (.ico) icon file, along with its alpha mask, to a Flex 2 UIComponent.

Documentation | Example | Contributor: Tobias Patton

ImageMap

The ImageMap control is an implementation of a client-side image map component, like it is supported in HTML.

Documentation | Example | Contributor: Doug McCune

PromptingTextInput

The PromptingTextInput component is a small enhancement to standard TextInput. It adds the ability to specify a prompt value that displays when the text is empty, similar to how the prompt property of the ComboBox behaves when there is no selected value.

Documentation | Example | Contributor: Darron Schall

PromptingTextArea

The PromptingTextArea component is a small enhancement to standard TextArea. It adds the ability to specify a prompt value that displays when the text is empty, similar to how the prompt property of the ComboBox behaves when there is no selected value.

Documentation | Example | Contributor: Darron Schall

ScrollableArrowMenu

An extension of ScrollableMenu that uses two arrow buttons placed at the top and bottom of the menu for scrolling.

Documentation | Example | Contributor: Doug McCune

ScrollableMenu

An extension of mx.controls.Menu that allows the control to scroll vertically.

Documentation | Example | Contributor: Doug McCune

ScrollableMenuBar

ScrollableMenuBar is an extension of MenuBar that uses flexlib.controls.ScrollableMenu instead of using the original mx.controls.Menu. This allows us to specify a maxHeight for the ScrollableMenuBar and that maxHeight will be used to determine the maxHeight for all the menus that the component generates.

Documentation | Example | Contributor: Doug McCune

ScrollablePopUpMenuButton

ScrollablePopUpMenuButton is an extension of PopUpMenuButton that uses flexlib.controls.ScrollableMenu instead of using the original mx.controls.Menu, which adds scrolling functionality to the menu.

Documentation | Example | Contributor: Doug McCune

SuperTabBar

The SuperTabBar control extends the TabBar control and adds drag and drop functionality and closable tabs. Used by the SuperTabNavigator.

Documentation | Example | Contributor: Doug McCune

TreeGrid

A control that combines the functionality of the Tree component and the DataGrid component.

Documentation | Example | Contributor: Yaniv De Ridder

VerticalMenuBar

A VerticalMenuBar control defines a vertical, top-level menu bar that contains one or menu items, just like the horizontal MenuBar control.

Documentation | Example Contributor: Doug McCune

package: flexlib.containers

AdvancedForm

The Advanced Form component provides Reset, Undo and Redo functionality. Undo and Redo are accessed by pressing "ctrl-Z" and "ctrl-Y" respectively.

Documentation | Example | Contributor: Renaun Erickson

ButtonScrollingCanvas

This is a Container component that uses buttons placed over the edges of the container to do the scrolling of its children. These buttons can either scroll the children when the user moves the mouse over them, or via mouse click. The buttons can be fully skinned.

Documentation | Example | Contributor: Doug McCune

Docking ToolBar

The docking toolbar component collectively helps managing toolbars in an application. The toolbars can be docked to the top or bottom edges or kept floating within application area. The contents within a toolbar use a flow based layout approach.

Documentation | Example | Contributor: Adobe Flex Team (Bangalore)

DragScrollingCanvas

This is a Container component that allows the user to drag the contents to scroll the children, instead of or in addition to using the scrollbars.

Documentation | Example | Contributor: Doug McCune

HAccordion

A Horizontal Accordion component. Works exactly like the normal Accordion component, except the item headers are rotated and they cascade from left to right, instead of top to bottom.

Documentation | Example | Contributor: Doug McCune

FlowBox

The FlowBox is an extension of Box that implements a FlowLayout algorithm for layout out children. FlowBox will position children in a horizontal fashion. When the width of the child exceeds the width of the container, the child is placed on a new row.

Documentation | Example | Contributor: Darron Schall

SuperTabNavigator

The SuperTabNavigator is an extension of the TabNavigator navigation container. It functions exactly like the TabNavigator, but adds some functionality. Added functionality includes: 1. Draggable, re-orderable tabs, 2. Closable tabs, 3. Scrolling tab bar if too many tabs are open, 4. Drop-down list of tabs

Documentation | Example | Contributor: Doug McCune

WindowShade

The WindowShade is a container that displays a header button, which when clicked, will cause a panel to "unroll" beneath it like a windowshade being pulled down; or if the panel is already displayed it will be "rolled up" like a windowshade being rolled up.

Documentation | Example | Contributor: Dave Glasser, Doug McCune

package: flexlib.charts

HorizontalAxisDataSelector

The HorizontalAxisDataSelector is a chart annotation that allows the user to select a value along the x axis of the chart. The selector dispatches a change event with the values of each of the y values of the chart series at the given x axis location.

Documentation | Example | Contributor: Darron Schall

package: flexlib.skins

EnhancedButtonSkin

This is the enhanced version of the Halo ButtonSkin that has been customized to support four numeric values in the corner, a more configurable border, and also a large number of colors in the gradient, individually specified for up, over, etc states.

Documentation | Example | Contributor: Daniel Wabyick

package: flexlib.scheduling

Put some better Scheduling Framework documentation here, or put a link to a separate wiki page?

Original Adobe Labs wiki entry

Documentation | Example 1 demo source | Example 2 demo source | Example 3 demo source | Example 4 demo source | Example 6 demo source | Contributor: Adobe Consulting


Comment by victorjcook, Jul 30, 2007

SuperTabNavigator? is really cool!

Comment by victorjcook, Jul 30, 2007

Has anyone tried to use the Drag/Drop functionality with the TreeGrid?? I got this error when I dragEnabled it: TypeError?: Error #1034: Type Coercion failed: cannot convert mx.controls.dataGridClasses::DataGridListData?@4693a89 to flexlib.controls.treeGridClasses.TreeGridListData?.

at flexlib.controls.treeGridClasses::TreeGridItemRenderer?/set listData() at mx.controls.dataGridClasses::DataGridDragProxy?/mx.controls.dataGridClasses:DataGridDragProxy?::createChildren()

Comment by HongLe.Company, Aug 12, 2007

I have tried to use the treeData, it is good. But I could not write code for expanding all the nodes. Can somebody throw some lights on it?

Comment by j2eeuser5, Aug 17, 2007

Is there any customized component of 1) TabNavigator? where the tab-headers are at the bottom? 2) Accordion with more than one child open at the same time?

Comment by fhkurdi, Sep 19, 2007

I liked!!! just have one comment about the calendar comp. I would like to see drag n drop for the appointments. Maybe add a New,Edit,Delete menu?? (im not sure if those methods are in the comp. library)

Comment by fhkurdi, Sep 19, 2007

I liked!!! just have one comment about the calendar comp. I would like to see drag n drop for the appointments. Maybe add a New,Edit,Delete menu?? (im not sure if those methods are in the comp. library)

Comment by eelface, Sep 27, 2007

Amazing... Thanks people. Any drag/drop schedulers in the future? If not, we'll have one soon enough. Peace - Bergen

Comment by DThorn9410, Sep 27, 2007

super hot

Comment by narra.madan, Sep 30, 2007

Hi Thanks for such a wonderful components..

I used the HAccordion component in my application.

Everything works fine, but the VBox labels are not displayed under the <flexlib:HAccordion>. Included the CSS Also, but could find where this goes wrong.

Please suggest me how can i show up the labels on the <mx:VBox/> under <flexlib:HAccordion/>

Madan

Comment by narra.madan, Sep 30, 2007

Hi Thanks for such a wonderful components..

I used the HAccordion component in my application.

Everything works fine, but the VBox labels are not displayed under the <flexlib:HAccordion>. Included the CSS Also, but could find where this goes wrong.

Please suggest me how can i show up the labels on the <mx:VBox/> under <flexlib:HAccordion/>

Madan

Comment by narra.madan, Sep 30, 2007

Hi Thanks for such a wonderful components..

I used the HAccordion component in my application.

Everything works fine, but the VBox labels are not displayed under the <flexlib:HAccordion>. Included the CSS Also, but could find where this goes wrong.

Please suggest me how can i show up the labels on the <mx:VBox/> under <flexlib:HAccordion/>

Madan

Comment by yusuf.baker, Oct 10, 2007

any chances of a vertical tab navigator

Comment by snakemediadesigner, Oct 17, 2007

Flex Lib components .. cool designed components.

I need say more panel vs. Window, Dialog and more... :D.

Thanks Bye Snakemedia Designer

Comment by vingao, Oct 24, 2007

How can we change the "folderClosedIcon" or "folderOpenIcon" in treeGrid to be different based on the levels? For example, one icon for root and a different icon for level 1 components and yet another icon for level 2 compoents? Thanks and great work!!!

Comment by julian.duta, Oct 30, 2007

Hi,

I have a question. I am using the SuperTabNavigator? to add new Tabs (custom components extending Canvas) to it.

The problem I have having, is that once I remove the tab, the custom component is still doing stuff in the background. I can't seem to figure out how to kill that instance.

Can you please help???

Comment by keshavpra, Dec 17, 2007

Hi,

Has anyone been able to use scheduler viewer in their flex project. If so, can you tell me where should i place the flexlib.swc file. I am unable to run the mxml due to errors with <controls:schedulerviewer .....> as the app was not able to find the flexlib.swc file.

Thanks for the help in advance keshav

Comment by mugdiman, Dec 18, 2007

the swc can be anywhere in your file system. The important thing is that you add it to your Flex Library Build Path. Right click on Project, Properties, select Tab Library Path and add the SWC there.

Dennis

Comment by borkyborkbork, Dec 20, 2007

Has anyone seen an example of how to use the scheduling framework to render Entries in a "Calendar Like" view. Looking to have a Day view showing the hours in a day (similar to the scheduling examples), but also a week and month view. The month view would look like a normal grid type calendar.

Thanks in advance!

Tom

Comment by csmal...@hotmail.com, Dec 24, 2007

re: the scheduling framework. I am using this as the center of my application and it needs to allow each entry to be TabEnabled? and have Focus between the tab entries. I cannot for the life of me figure out how to do this. I have enabled the content var to allow TabChildren? and each entry as TabEnabled? but it doesnt work. So I guess for Xmas I want more than ever to be able to tab between my entries in my scheduler. thanks!

Comment by sharki.sharkiz, Jan 15, 2008

Hi,

Can anyone tell me how to enable 24 HOUR time (0-23) in "Timeline" and "ScheduleViewer?" components ?? Thanks

Comment by flexjunkie, Jan 21, 2008

hi guys, i need some help with SuperTabBar?. i can't get to work its scrolling functionality. how did the sample swf of SuperTabBar?'s scrolling feature works? thanks in advance!

Comment by otuyelu, Jan 29, 2008

Love the perlin effects used in the fire component

Comment by mithun.kumar, Feb 15, 2008

Can you please enable the source view feature for the examples? That would help newbies like me to learn how to use various features of the fabulous controls.

Comment by i...@tinylion.co.uk, Feb 18, 2008

Great work guys.

I'd be really interested in sending you some components to take a look at, with a view to adding to the lib.

really nice work

glenn. info@tinylion.co.uk

Comment by carlos.baeza79, Feb 29, 2008

Hi Guys ! I tried configure Scheduler and TimeLine? together into my application.... TimeLine?: - Can anyone tell me how to set "timeRanges", example: 01.02.2008 to 29.02.2008 ,etc. - Enable 24 Hours ? - Date display format ? (DD.MM.YYYY) Scheduler: - DobleClick? Event: Get the current selected date in the scheduler ?..is posible? Please Help ! :-) Thanks, Thanks, Thank My email: carlos.baeza79@gmail.com

Comment by sachax, Mar 06, 2008

Great Library!!!

Comment by benjamin.houdu, Mar 10, 2008

Great widgets especially the new one 'WindowShade?'!

Comment by dtwomley, Mar 11, 2008

Great work! How about a PromptingDateInput??

Comment by tyuAtl, Mar 13, 2008

I am using Scheduling for work. Great job on that, first of all. However, I need to show each entry to a fixed width and should not be changed by "zoom". Is there anyway to do that? Anyone can help, please? Thanks a lot. email: tcyu44 at yahoo dot com

Comment by ageekforGod, Mar 26, 2008

I found your library while looking for a circular button for flex 3. It looks like you are making some interesting, useful, and cool components. Any ideas on how I would go about making a circular button or if that might be something you would add to this library?

By the way, the documentation link for CanvasButton? goes to the docs page for CanvasButtonAccordionHeader? and the documentation link for CanvasButtonAccordionHeader? goes to a non-existent page.

Comment by sibigauer, Apr 04, 2008

Hi, I'm still amazed with this all. I was using the TreeGrid?, and I found some trickies trying set color different of white for VerticalTrunks? and "dotted" simply doesn't work at all. How can I fix that?

Thanks for the great job, it's brilliant!!!!

Comment by sibigauer, Apr 07, 2008

Hi, I found where to set color for VerticalTrunks?, I did it manually in TreeGridItemRenderer?.as, but I still missing a value or tip than works as a dotted style.

To change color: line 305 - trunk.graphics.lineStyle( 1, 0x000000, 0.5 ); // where 1 is thick, 0xFFFFFF is color and 0.5 is alpha.

Comment by ashoksahu, Apr 26, 2008

is there a way to convert text to speech in flex using any of these components.

Comment by joshua.harr, May 01, 2008

What happened to the drawer component?

Comment by yanwang.works, May 15 (2 days ago)

scheduling, cool~


Sign in to add a comment