Flex Examples

Flex/flash crashes when loading external flash using SWFLoader- VerifyError: Error #1053:

Getting a flash crash when loading external flash file using the SWFLoader
Started getting the error after upgrading the workspace to use Flex4 (Apache SDK 4.13)
And the component set is set to "MX+Spark"

If i remove the MX+Spark and set MX only , the problem will be gone

I noticed also that if i load old flash files using the SWFLoader, i have no problem

Flex Popup doesn't appear until you click outside of browser

Using the latest chrome build (Version 32.0.1700.107)
Flex Dialogs and Flex Popups (or Alerts) might not show until the user clicked outside the screen
or switches to a different Tab

To solve this issue, even as a workaround we can use this simple technique:
1. Open the popup
2. Wait X milliseconds
3. Move the popup a bit to the right and then return to the same place

FLEX Locale bug - @Resource Bug

Well, Not sure that this is really a flex bug but to me it was very wired behavior

I was using .properties to keep my strings in resource bundles. I had only 1 set of files for English and life was good.

i used to access the resources in side the bundle like this

Flex Panel with HTML title - or Flex panel with colors

In the Panel class in flex you have a "title" property to set the title of the panel.
It get a text value and shows it as the title.
I needed something more

I needed a title with colors to catch the eye.
Text controls in flex have a property called "htmlText" that can get html value, but the title property of the panel does not get html

Is it possible to show "No data found" on datagrid/advance datagird in Flex

In order to show "No Data" message above the DataGrid when there is no data in it we can use the following technique:

1. create a canvas and place the data grid on it
2. place also a HBox/VBox on that canvas and in it place a label with the message you want (I.E "no data")
3. Control visibility of the HBox by using binding with the DataGrid length

See code

How to iterate over the datagrid columns

How to iterate over the data grid columns

<?xml version="1.0" encoding="utf-8"?>

How to draw Alternative Row Background in TileList

How to draw Alternative Row Background in TileList?
TileList inherits from TileBase. TileBase has a function called "drawTileBackground".

How do we select the color for the background color of the tile? We can create a class that extends TileList and override this function in order to change this color.

Preventing From SWF files from showing images or objects out of the FLEX SWFLoader stage

So the story is like this. I was using a FLEX SWFLoader to load some external SWF files, these SWF files have some objects in them and when played the objects(in this case images) appear out of the border of the SWFLoader. It seams that the images expand out of the border and hide other GUI elements that are near the SWFLoader.

FLEX Binding and function calls

This short example is meant to demonstrate the usage of data binging in FLEX to invoke method calls. Copy the code to an editor to be able to use the line numbers that will be specified later

<?xml version="1.0" encoding="utf-8"?>

Use List Base controls in Item Renderers and doing drag/drop operations

I am working on a project where i use a custom item renderer. This renderer is a VBox that contains a label and a List control.

How to create a CheckBox itemRenderer

In the examples that adobe provide on CheckBox itemRenderer/itemEditor the check box editor is not what i wanted

How to add an image to Column Header in Flex DataGrid

After some looking around , i found out that i didn't see an easy example on how to add images to Column Headers in Flex Data Grid

Well ,this is not too complected to do in Flex3

Time Picker Control For Flex 3.0

this article shows how to use 2 slider controls to create a single "Time Picker" control in Flex.

Time Selection Example In Flex ( Time Picker )

There is no time selection control available in flex, in this example we use a simple FLEX TextInput to create a Time Selection Control.

<?xml version="1.0" encoding="utf-8"?>

Change the background color of a FLEX DataGrid row,How to change datagrid's row background color

Some times you want to change the background color of a row inside a FLEX DataGrid. You usually want to do so in order to mark that row as an error or to make it out stand from the other rows.

Cut , Copy , Paste stops working in Eclipse

This may have happen to you too, you work with Eclipse and suddenly it stops coping and pasting and it is very annoying

To temporarily solve the problem you can disable "Folding" in the Java Editor
Go to: Window-->Preferences-->Java-->Editor-->Folding and un-check the folding option

This should do the trick

How to draw a line over a flex graph

In order to draw a line over a flex graph you can use a CartesianDataCanvas element.

How to set a DataProvider to Tree in FLEX

A simple way to build a data provider for a flex tree is to use XMLList

This simple application will use XMLList to populate the data provider of the FLEX Tree.

Call a function in FLEX from JavaScript

Sometimes you need to call a function that is defined in your Flex application from the JavaScript code that wraps it.

How to create a timer in FLEX

In order to add a timer to Flex use the following code:

import flash.utils.Timer;
import flash.events.TimerEvent;

private function createTimer():void {

Syndicate content