Tech cookies

Category: Flex

  • Cairngorm Error Resolved : Cairngorm Plugin (0.0.6.200811131413) requires plug-in “org.eclipse.emf.codegen”.

    Error Resolved : Cairngorm Plugin (0.0.6.200811131413) requires plug-in “org.eclipse.emf.codegen”. To do : Try to Install 1) http://download.macromedia.com/pub/opensource/cairngorm/plugin/ 2) EMF from EMF extended sdk 3) You can installed both  at a time. Source(http://thanksmister.com/?p=204)

  • How To Set Focus on UIComponent

    <?xml version=”1.0″ encoding=”utf-8″?><mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml&#8221;layout=”absolute” width=”246″ height=”76″><mx:Script><![CDATA[import mx.core.UIComponent;public function setFocusTo(object:UIComponent):void{object.setFocus();}public function drawFocusTo(object:UIComponent):void{object.setFocus();object.drawFocus(true);}]]></mx:Script><mx:Button x=”10″ y=”10″ width=”226″label=”my button” id=”myButton” /><mx:Button x=”10″ y=”42″label=”set focus” click=”setFocusTo(myButton)”/><mx:Button x=”103″ y=”42″label=”set and draw focus” click=”drawFocusTo(myButton)”/></mx:Application> Source : http://www.flexer.info/2008/06/06/how-to-set-focus-on-uicomponent/

  • Why is HTML wrapper generated by Flex Builder disabling browser’s vertical scrollbar?

    In this file you will find a tag as shown below <style> body { margin: 0px; overflow:hidden } </style> Modify this as shown below <style> body { margin: 0px} </style> You will also find scroll attribute of BODY tag set to “no” as shown below <body scroll=”no”> Change this as shown below <body> That’s it,…

  • Setting focus on a Flex app after its loaded

    <?xml version=”1.0″ encoding=”utf-8″?> <mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml&#8221; layout=”absolute” creationComplete=”onLoad(event)”> <mx:Script> <![CDATA[ import flash.external.ExternalInterface; private function onLoad(event:Event):void { ExternalInterface.call(‘function browserFocus(){document.getElementById(\’PopUpWindow\’).focus();}’); ExternalInterface.call(‘browserFocus’); this.uname.setFocus(); } ]]> </mx:Script> <mx:VBox paddingTop=”100″> <mx:HBox> <mx:Label text=”Username:” /> <mx:TextInput id=”uname” /> </mx:HBox> <mx:HBox> <mx:Label text=”Password:” /> <mx:TextInput id=”pwd” displayAsPassword=”true” /> </mx:HBox> </mx:VBox> </mx:Application>

  • Define in states in Flex 4.

    <?xml version=”1.0″ encoding=”utf-8″?> <!– Simple example to demonstrate Spark Application component –> <s:Application xmlns:fx=”http://ns.adobe.com/mxml/2009&#8243; xmlns:mx=”library://ns.adobe.com/flex/mx” xmlns:s=”library://ns.adobe.com/flex/spark” currentState=”Login”> <fx:Script> import mx.controls.Alert; </fx:Script> <s:layout> <s:VerticalLayout horizontalAlign=”center” verticalAlign=”middle”/> </s:layout> <s:states> <mx:State name=”Register”/> <mx:State name=”Login” /> </s:states> <s:transitions> <s:Transition toState=”Register” autoReverse=”true”> <s:Fade targets=”{[txtFirstName,txtlastName,txtConfirm]}” alphaFrom=”0.1″ alphaTo=”1″ duration=”1000″/> </s:Transition> <s:Transition toState=”Login” autoReverse=”true”> <s:Fade targets=”{[txtEmail,txtPassword]}” alphaFrom=”0.1″ alphaTo=”1″ duration=”1000″/> </s:Transition> </s:transitions> <s:Panel title=”States”…

  • Flex Builder 3 – How to avoid annoying unused CSS styles warning

    the way to get rid of these warnings is to add this line to your “Additional compiler arguments” in the “Flex Compiler” section of your project’s properties: -show-unused-type-selector-warnings=false

  • Six Flex IDEs

    1. Adobe Flash Builder: Most Flash developers swear that this is the easiest way to develop rich Internet applications for the web and the desktop using Adobe Flex and Adobe AIR. 2. SapphireSteel Amethyst: A few days ago, the Beta 3 version of Amethyst was released. An edition of Microsoft Visual Studio 2008 is a…

  • Optimizing flex or Flash builder applications

    Optimizing flex or Flash builder applications: So you are developing flex applications and are worried by larger swf files created by flex. Don’t worry its quite easy and possible to reduce the file size of flex (Flash builder) created swf’s. I have identified out some major areas that can be focused to optimize the flex…

  • Flex Component Lifecycle

    The lifecycle of component can be easily understood in few simple steps firstly you create a component holder, then create-children, set-sizes/properties and dispatch events. Following four methods plays a major role in component rendering. * createChildren() * commitProperties() * measure() * updateDisplayList() Here is what I found after doing some studies. The most of the…

  • Flex 3 Runtime Shared Libraries (RSLs)

    Flex 3 runtime-shared-libraries (RSLs) is a mechanism to reduce the size of your applications and thereby reduce the time required to download the application. Its not an architectural change whereas RSLs are just SWF files whose code is used as a shared library between different application SWF files. An RSL is a stand-alone file that…