Archive | May, 2008

Using a Repeater without explicitily providing a dataProvider in Flex

Fri, May 30, 2008

Comments

Here is a quick version that creates 10 Panels, someone on FlexCoders group was asking.

<mx:Repeater dataProvider="{new Array(10)}" id="repeat">
		<mx:Panel width="100" height="100" x="{repeat.currentIndex *100}"/>
</mx:Repeater>
Continue reading...

Transforming a Color Image to a Black-white Image in Flex

Thu, May 29, 2008

Comments

Here is how you can transform a color image to a black and white image using the ColorMatrixFilter in Flex that is part of the flash filter. Source code is enabled with explanation.

Source View

Continue reading...

Simple Login Form Example using Flex and ColdFusion WebService

Wed, May 28, 2008

Comments

Here is how you can use Flex and Coldfusion wsdl to check credentials of a login form. This is very simple, it does not include a database and the username and password are coded in the Cfc file.  The Username is Adobe and the Password is Flex. my workspace is under wwwroot in the ColdFusion 8 Folder.

Download the Example

Continue reading...

Using the PopUpManager Class in Flex to Always Center PopUpWindow on Resize

Mon, May 26, 2008

Comments 

<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="onCreationComplete()" resize="onResize()">
	<mx:Script>
		<![CDATA[
			import mx.containers.TitleWindow;
			import mx.managers.PopUpManager;
			private var popup:TitleWindow;
			/**
			 * @private
			 * when creationComplete fires it calls this function, we create the popup window
			 * and center it using the PopUpManager static method of centerPopUp
			 */
			public function onCreationComplete():void
			{
				popup=TitleWindow(PopUpManager.createPopUp(this,TitleWindow,true));
				PopUpManager.centerPopUp(popup);
				popup.width=200;
				popup.height=200;
			}
			/**
			 * @private
			 * AnyTime the window is being resized, what we do is we check the value of popup
			 * if it is null that means the window has not been created (happens when program first loads), if it
			 * got created then we use the PopUpManager to center it again
			 */
			private function onResize():void
			{
				if(popup)
				PopUpManager.centerPopUp(popup);
			}
 
		]]>
	</mx:Script>
</mx:WindowedApplication>
Continue reading...

make an image glow when there is a roll over using the ColorTransform Class

Wed, May 21, 2008

Comments

In this short flex tutorial, I will show how you can place a glow effect on an image when a user does a roll over. We will be using the ColorTransform class that is part of the Actionscript API.

Example

Source

Video

Continue reading...

An Accordion That Responds to a MouseOver instead of a Click

Sat, May 17, 2008

Comments

Here is a Video tutorial of how I created a custom Accordion from the Flex Components to respond to a ROLL_OVER event instead of a click. Full Explanation and source is included.

CustomAccordionFlexComponent

The Video

Source

Continue reading...

Suggestions for Adobe Flex Builder Tutorials!

Thu, May 15, 2008

Comments

Well, I managed to get Adobe Captivate from my University and i am open to suggestions as to what Tutorials the Flex community would like me to do.  I will be recording as I am coding so anyone can follow along, watching and doing it at the same time. Anyways, If you have any suggestions just comment and I will start making them.  My first recording will probably be on the mysterious metadatas and namespaces and their uses.

Continue reading...

How to Install Adobe Flex Builder Linux on Fedora 9

Tue, May 13, 2008

Comments

It took me a while to get it up and running so I thought to write about it to ease the process for others. Fedora 9 comes with its own “Eclipse” in the packages however when you try to install Flex it will complain about not finding the configuration directory. Here are the Steps you need to have it work.
1) Download Eclipse from here http://www.eclipse.org/downloads/download.php?file=/eclipse/downloads/drops/R-3.3.2-200802211800/eclipse-SDK-3.3.2-linux-gtk.tar.gz . The one that comes with Fedora will not work
2)Unzip it in any directory of your choosing but keep track of where it is
3) Download the Adobe Flex Builder from here http://labs.adobe.com/technologies/flex/flexbuilder_linux/

4) Perferably save it to the Desktop and rename it as Flex, unless you want to type all this in the terminal lexbuilder_linux_install_a3_033108.
5) Open a Terminal
6)write: cd Desktop
7) sh Flex.bin
8 ) It should Launch the Installer, Navigate to where you unzipped the Eclipse Folder
9) After Installation is Done, open that Eclipse and it should work.
Do not use the Standard eclipse that comes with Fedora 9.

Continue reading...

Page 1 of 11