Home > Uncategorized > Top Flex Components

Top Flex Components

1. Flex Custom Tooltip

…or should we call it Zooltip since the component itself is called Zoom control?

With Web 2.0, you want to do more on one page so that users don’t have to jump from one page to another, especially in the world of Ajax where browser back button is usually broken unless you put in some custom code. One of the most important tools to try and keep users on one page is the tooltip.

A tooltip is a good alternative to provide more info or insight without the need to put additional images. It can also be a good preview tool so that users can use the preview to decide to “continue” or take a diversion to a full view of the enticing preview.

Flex has a built in tooltip that when uses is triggered on mouse over by default. The default Flex tooltip is completely text and very limited in its ability to be positioned relative to its master. The Flex Graphic Tooltip (aka Zoom control) allows usage of text, images and custom layouts. A custom “Zoomed” or detailed view of the item is launched on mouse over. The zoom view is an item renderer that you can customize for your needs. The data passed to the zoom renderer has many flexible set options.

The Flex Graphic Custom Tooltip can be downloaded from here…

2. 3D Flex Rotating Tag Cloud

The Flex 3D Tag Cloud is an interesting visualization of your tags as a rotating 3D cumulus cloud. This component is usable from ant HTML page as a Flash file or as a component in your Flex application.

You can get this Flex component/Flash application from here…

3. Flex Multiple Files Upload

One of the more difficult tasks with Flex is uploading files. With HTML you can upload multiple files with one HTTP request with almost no JavaScript code required. In stark contrast, file upload with Flex

  • Can be done only one file at a time
  • Requires writing Actionscript and use of FileReference class
  • Does not have a reset capability like HTML

The solution to this problem is a Flex component that can upload multiple files with a single click (just like HTML) and expose capability to relate multiple files on the server with a common key. The Flex Multiple File Upload component provides this capability with great style, that includes a progress bar depicting the progress of your upload and error handling as well.

The component approach uses events to notify listeners of upload completion or error.

Test drive the Flex Multiple File Upload demo!

4. Flex Smart Form for File and Data Uploads

Flex and Flash have many advantages over plain HTML. Interactive UI, fantastic 3D displays, animation and object oriented UI components to name a few. But, sometimes you wish that Flex had some of the extremely powerful capabilities of HTML as well…..like the HTML Form to upload files and data with no data extraction and upload code to write.

HTML form is very powerful. It can upload your files and data at one shot, easily, just by specifying a target url. The Flex Smart form bridges this gap is Flex. And, it does the job in style! Not only can you update Text Input and Rich Text editor data, but you can also combine

  • TextInput
  • TextArea
  • Rich Text Editor
  • Radio Button
  • Numeric Stepper
  • HSlider, VSlider
  • RadioButton
  • Checkbox
  • ColorPicker
  • ComboBox
  • DateChooser and DateField

This innovative component also supports multiple file uploads in Flex. If you ever thought uploading files in Flex was difficult then you will appreciate the upload capabilities of SmartForm that knits the data and file upload using a common key and makes uploading files and data as trivial as just specifying a url.

Some very strong capabilities of Smart Form Flex File upload are

  • Multiple file uploads
  • Reset capability that restores values to default/initial
  • Progress indicator for file uploads
  • Detailed log for status of all uploads
  • Support for nested controls and containers
  • Error trapping and handling
  • Final upload status event

Test drive the Smart Form demo!

5. Flex AutoComplete Component

Hillen Coren’s autcomplete component is a must have component for many projects. This is one of the best Auto Complete components with many advanced options like…

  • Allow Duplicates
  • Allow Multiple Selections
  • Allow new values
  • Use a custom item renderer for the auto complete drop down

There are many more options. Full documentation can be found at Hillel’s website http://hillelcoren.com/flex-autocomplete/

You can downloads the source from here. There is a SWC included in the bin folder for ready usage if you do not want to modify the source.

Categories: Uncategorized
  1. No comments yet.
  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

%d bloggers like this: