Designing & Documenting A Flex Application

I'm starting work on an application that will eventually be
handed over to someone else that is not that familiar with Flex. I
would like to make sure that my documentation is clear on exactly
how all of the pieces fit together.
Can anyone recommend tools they use to document the design of
their applications?
Just Visio and Word?
Thanks
Mathias

You should definitely check out some online tutorials on design in FB4.5, such as Lee Brimelow's tutorials on "blitting" and skins/styles in Flex ("Intro to Flex: Part 3"):
http://www.gotoandlearn.com/
Also, the "Change the appearance of your application" videos on the Flash Builder "Test Drive" site:
http://www.adobe.com/devnet/flex/testdrive.html
Good luck!

Similar Messages

Designing for Flash/Flex application

Hello,
I'm trying to create multiple themes for a flex application. It seems as though Flash is the best way to do that given the workflow. I'm looking for a Flex/Flash template within flash. I'd like to take the .Fla and edit it and export the .swc. I swear there was a folder in Flash with templates for this process. Can anyone tell me where those templates are?
Also, does this workflow make sense, when trying to update the look and feel every few months? I can use PS for example, but I'd like to avoid bitmaps where I can.
I'm using CS5 on a mac.
Thanks

You should definitely check out some online tutorials on design in FB4.5, such as Lee Brimelow's tutorials on "blitting" and skins/styles in Flex ("Intro to Flex: Part 3"):
http://www.gotoandlearn.com/
Also, the "Change the appearance of your application" videos on the Flash Builder "Test Drive" site:
http://www.adobe.com/devnet/flex/testdrive.html
Good luck!

Architectural/design documentation required for Self Service Expenses application

I'm looking for architectural/design documentation on the Oracle Applications Self Service Expense Reporting application.
Specifically I'd like to know how it was designed & architected, what technologies were used to develop it (e.g. CABO, B24J, Oracle Workflow, AQ etc.) and how these technologies interact to form the final system.
We have a product called the Oracle Migration Workbench. It is a standalone java-based application that facilitates the migration of non-Oracle databases over to Oracle9i. We're investigating the possibility of developing a web-based migration capability. Of course we appreciate that moving from a tool-based, single user solution to a web based, multi user solution is not a trivial task.
Seeing that you guys would have already tackled many of the challenges we face I'd appreciate it if you can provide me with any pertinent information.
Any white papers/architectural collateral you can give me would be greatly appreciated.
thanks in advance
- Garry

Hi Did you ever get this documentation? I would really appreciate some more info on this to [email protected]

Error in compiling Flex application: 64K byte limit

Hi experts ,
While deploying the VC model , i m getting this error :
Error in compiling Flex application: Error: A function in the code exceeds the 64K byte limit (actual size = '65557'). Since the problem occurs in the compiler-generated deferred instantiation code, please refactor/componentize portions of this document.
      (/usr/sap/NW2/JC00/j2ee/cluster/server0/GUIMachine_Business_Packages/Contribution_Margin_36461/FLEX_COMPILATION_FOLEDR/AAD15VY.mxml:19)
Failed to compile AAD15VY.mxml
Could any one help me out in solving this issue ..its urgent ...
Your suggestions will be rewarded.
Thanks,
Pratima

You have to remove few components from your model to decrease the compiler generated LOC.
Check the following link for detailed solution:
https://websmp130.sap-ag.de/sap(bD1lbiZjPTAwMQ==)/bc/bsp/spn/sapnotes/index2.htm?numm=936390
Taken from SAP Notes:
<i>Solution
Doing the following may help:
1.Divide problematic iViews into a number of nested iViews.
2.Optimize each model to reduce the number of elements that it
contains:
a.Reduce the number of signals by merging signals of the same name.
b.When your application updates forms with read-only fields, use
    expression boxes and a data store instead of signals.
c.Minimize the use of animations in your models, including form
    sliding and chart animation effects
d.Use a data store to store variables, instead of invisible forms.
    To display messages, use a simple text rather than a static dynamic
    expression.
3.For on-the-spot, temporary workarounds, you can try dragging an empty
layer onto the Design board. This sometimes solves the problem ad
hoc, but is not recommended as a best practice.
</i>

How to enter text in text input box using virtual keyboard in flex application

Re: how to enter text in text input box using virtual keyboard in flex application
hi,
im using flash builder 4,
i designed virtual keyboard, i have to update the text in text input box continously by using virtual keyboard.
i used button events.i did some mistake there.
can some one help me out of tat.
thanks in advance.
i have included my mxml program with this.
virtualkeyboard.mxml
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
                xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" creationComplete="initfunc()">
     <fx:Script>
        <![CDATA[
            import mx.controls.Alert;
            private function initfunc():void
                b1.addEventListener(MouseEvent.CLICK,handleEvent);
                 b2.addEventListener(MouseEvent.CLICK,handleEvent);
                 b3.addEventListener(MouseEvent.CLICK,handleEvent);
                 b4.addEventListener(MouseEvent.CLICK,handleEvent);
                 b5.addEventListener(MouseEvent.CLICK,handleEvent);
                 b6.addEventListener(MouseEvent.CLICK,handleEvent);
                 b7.addEventListener(MouseEvent.CLICK,handleEvent);
                 b8.addEventListener(MouseEvent.CLICK,handleEvent);
                 b9.addEventListener(MouseEvent.CLICK,handleEvent);
                 b10.addEventListener(MouseEvent.CLICK,handleEvent);
                 b11.addEventListener(MouseEvent.CLICK,handleEvent);
                 b12.addEventListener(MouseEvent.CLICK,handleEvent);
                 b13.addEventListener(MouseEvent.CLICK,handleEvent);
                 b14.addEventListener(MouseEvent.CLICK,handleEvent);
                 b15.addEventListener(MouseEvent.CLICK,handleEvent);
                 b16.addEventListener(MouseEvent.CLICK,handleEvent);
                 b17.addEventListener(MouseEvent.CLICK,handleEvent);
                 b18.addEventListener(MouseEvent.CLICK,handleEvent);
                 b19.addEventListener(MouseEvent.CLICK,handleEvent);
                 b20.addEventListener(MouseEvent.CLICK,handleEvent);
                 b21.addEventListener(MouseEvent.CLICK,handleEvent);
                 b22.addEventListener(MouseEvent.CLICK,handleEvent);
                 b23.addEventListener(MouseEvent.CLICK,handleEvent);
                 b24.addEventListener(MouseEvent.CLICK,handleEvent);
                 b25.addEventListener(MouseEvent.CLICK,handleEvent);
                 b26.addEventListener(MouseEvent.CLICK,handleEvent);
                 b27.addEventListener(MouseEvent.CLICK,handleEvent);
                 b28.addEventListener(MouseEvent.CLICK,handleEvent);
                 b29.addEventListener(MouseEvent.CLICK,handleEvent);
                 b30.addEventListener(MouseEvent.CLICK,handleEvent);
                 b31.addEventListener(MouseEvent.CLICK,handleEvent);
                 b32.addEventListener(MouseEvent.CLICK,handleEvent);
                 b33.addEventListener(MouseEvent.CLICK,handleEvent);
                 b34.addEventListener(MouseEvent.CLICK,handleEvent);
                 b35.addEventListener(MouseEvent.CLICK,handleEvent);
                 b36.addEventListener(MouseEvent.CLICK,handleEvent);
                 b37.addEventListener(MouseEvent.CLICK,handleEvent);
                 b38.addEventListener(MouseEvent.CLICK,handleEvent);
                 b39.addEventListener(MouseEvent.CLICK,handleEvent);
                 b40.addEventListener(MouseEvent.CLICK,handleEvent);
                 b41.addEventListener(MouseEvent.CLICK,handleEvent);
                 b42.addEventListener(MouseEvent.CLICK,handleEvent);
                 b43.addEventListener(MouseEvent.CLICK,handleEvent);
                 b44.addEventListener(MouseEvent.CLICK,handleEvent);
                 b45.addEventListener(MouseEvent.CLICK,handleEvent);
                 b46.addEventListener(MouseEvent.CLICK,handleEvent);
                 b47.addEventListener(MouseEvent.CLICK,handleEvent);
                 b48.addEventListener(MouseEvent.CLICK,handleEvent);
                 b49.addEventListener(MouseEvent.CLICK,handleEvent);
                 b50.addEventListener(MouseEvent.CLICK,handleEvent);
                 b51.addEventListener(MouseEvent.CLICK,handleEvent);
                 b52.addEventListener(MouseEvent.CLICK,handleEvent);
                 b53.addEventListener(MouseEvent.CLICK,handleEvent);
            public function handleEvent ( e : MouseEvent ) : void
                var a:String= e.target.name ;
                Alert.show(e.target.name);
               var b:String=null;
                switch(a)
                    case "Button20":
                       b=textbox.text;
                        //textbox.text="a";
                         textbox.text=b+"a";
                        break;
                   case "Button21":
                        //textbox.text="b";
                       textbox.text=b+"b";
                       break;
                   default:
                       //textbox.text="s";
                        textbox.text=b+"s";
        ]]>
    </fx:Script>
    <s:Panel x="43" y="82" width="527" height="213">
      <mx:Button x="71" y="86" id="b1" label="1" width="30" height="24"/>
         <s:Button x="180" y="86" id="b2" label="5" width="30" height="24"/>
        <s:Button x="127" y="86" id="b3" label="3" width="30" height="24"/>
        <s:Button x="99" y="86" id="b4" label="2" width="30" height="24"/>
         <s:Button x="323" y="86" id="b5" label="0" width="30" height="24"/>
        <s:Button x="294" y="86" id="b6" label="9" width="30" height="24"/>
        <s:Button x="265" y="86"   id="b7" label="8" width="30" height="24"/>
         <s:Button x="237" y="86" id="b8" label="7" width="30" height="24"/>
        <s:Button x="209" y="86" id="b9" label="6" width="30" height="24"/>
        <s:Button x="42" y="86" id="b10" label="`" width="30" height="24"/>
         <s:Button x="382" y="86" id="b11" label="=" width="30" height="24"/>
        <s:Button x="353" y="86" id="b12" label="-" width="30" height="24"/>
        <s:Button x="410" y="86" id="b13" label="back" width="76" height="24"/>
         <s:Button x="157" y="86" id="b14" label="4" width="30" height="24"/>
        <s:Button x="43" y="109" id="b15" label="tab" width="66" height="24"/>
        <s:Button x="105" y="109" id="b16" label="q" width="31" height="24"/>
         <s:Button x="247" y="109" id="b17" label="y" width="30" height="24"/>
        <s:Button x="303" y="109" id="b18" label="i" width="31" height="24"/>
        <s:Button x="361" y="110" id="b19" label="p" width="34" height="23"/>
         <s:Button x="394" y="109" id="b20" label="[" width="31" height="24"/>
        <s:Button x="191" y="109" id="b21" label="r" width="34" height="24"/>
        <s:Button x="424" y="109" id="b22" label="]" width="31" height="24"/>
         <s:Button x="222" y="109" id="b23" label="t" width="31" height="24"/>
        <s:Button x="161" y="109" id="b24" label="e" width="31" height="24"/>
        <s:Button x="133" y="109" id="b25" label="w" width="31" height="24"/>
         <s:Button x="332" y="109" id="b26" label="o" width="31" height="24"/>
        <s:Button x="275" y="109" id="b27" label="u" width="31" height="24"/>
        <s:Button x="220" y="133" id="b28" label="g" width="31" height="24"/>
         <s:Button x="424" y="132" id="b29" label="enter" width="62" height="24"/>
        <s:Button x="43" y="132" id="b30" label="caps" width="66" height="24"/>
        <s:Button x="275" y="133" id="b31" label="j" width="42" height="23"/>
         <s:Button x="314" y="132" id="b32" label="k" width="31" height="24"/>
        <s:Button x="133" y="133" id="b33" label="s" width="31" height="23"/>
        <s:Button x="161" y="133" id="b34" label="d" width="31" height="23"/>
         <s:Button x="250" y="133" id="b35" label="h" width="31" height="23"/>
        <s:Button x="105" y="133" id="b36" label="a" width="31" height="23"/>
        <s:Button x="191" y="133" id="b37" label="f" width="31" height="23"/>
         <s:Button x="342" y="132" id="b38" label="l" width="31" height="24"/>
        <s:Button x="152" y="154" id="b39" label="x" width="31" height="24"/>
        <s:Button x="353" y="154" id="b40" label="." width="31" height="24"/>
         <s:Button x="325" y="154" id="b41" label="," width="31" height="24"/>
        <s:Button x="294" y="154" id="b42" label="m" width="31" height="24"/>
        <s:Button x="259" y="154" id="b43" label="n" width="37" height="24"/>
         <s:Button x="236" y="154" id="b44" label="b" width="31" height="24"/>
        <s:Button x="211" y="154" id="b45" label="v" width="31" height="24"/>
        <s:Button x="181" y="154" id="b46" label="c" width="31" height="24"/>
         <s:Button x="122" y="154" id="b47" label="z" width="31" height="24"/>
        <s:Button x="380" y="154" id="b48" label="/" width="31" height="24"/>
        <s:Button x="368" y="132" id="b49" label=";" width="31" height="24"/>
         <s:Button x="396" y="132" id="b50" label="'" width="31" height="24"/>
        <s:Button x="43" y="154" id="b51" label="shift" width="82" height="24"/>
        <s:Button x="407" y="154" id="b52" label="shift" width="79" height="24"/>
         <s:Button x="455" y="109" id="b53" label="\" width="31" height="24"/>
    </s:Panel>
    <s:TextInput x="161" y="27" id="textbox" width="253"/>
</s:Application>
regards,
saran r

hi,
how to code for these buttons "control,alt,delete,insert and spacebar".
can u help me how to program?
i have attached the mxml code with this,
virtualkeypad1.mxml
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"
               creationComplete="application1_creationCompleteHandler(event)" viewSourceURL="srcview/index.html">
    <fx:Script>
        <![CDATA[
            import flash.utils.getQualifiedSuperclassName;
            import mx.events.FlexEvent;
            private var inpText:String = 'inp1';
            private var shiftState:Boolean = false;
            private var capsState:Boolean = false;
            protected function keyboard_clickHandler(event:MouseEvent):void
                this[inpText].text = this[inpText].text+(event.currentTarget as Button).label;
                if (shiftState == true) shift_clickHandler(null);
            protected function caps_clickHandler(event:MouseEvent):void
                capsState = !capsState;
                if (capsState == true)
                    currentState = "SHIFTED" else currentState = "PRIMARY";
            protected function tab_clickHandler(event:MouseEvent):void
                this[inpText].text = this[inpText].text+"    ";
            protected function shift_clickHandler(event:MouseEvent):void
                shiftState = !shiftState;
                if (shiftState == true)
                    currentState = "SHIFTED" else currentState = "PRIMARY";
            protected function enter_clickHandler(event:MouseEvent):void
                this[inpText].text = this[inpText].text+"\n";
            protected function backspace_clickHandler(event:MouseEvent):void
                var tmpStr:String = this[inpText].text;
                this[inpText].text = tmpStr.substr(0,tmpStr.length-1);
            protected function application1_creationCompleteHandler(event:FlexEvent):void
                inp1.setFocus();
            protected function focus_enterHandler(event:MouseEvent):void
                inpText = event.currentTarget.id;
        ]]>
    </fx:Script>
    <s:states>
        <s:State name="PRIMARY"/>
        <s:State name="SHIFTED"/>
    </s:states>
    <fx:Declarations>
        
    </fx:Declarations>
    <s:TextInput id="inp1" y="36" width="151" horizontalCenter="0" click="focus_enterHandler(event)" y.PRIMARY="239" horizontalCenter.PRIMARY="42" width.PRIMARY="199" height.PRIMARY="31"/>
    <s:Group id="keyboard" width="661" height="184" horizontalCenter="0" y="300" focusEnabled="false">
        <s:Button x="5" y="5" label="~" height="43" width="44" fontSize="24" fontWeight="bold" click="keyboard_clickHandler(event)" label.PRIMARY="`"/>
        <s:Button x="49" y="5" label="!" height="43" width="44" fontSize="24" fontWeight="bold" click="keyboard_clickHandler(event)" label.PRIMARY="1"/>
        <s:Button x="93" y="5" label="@" height="43" width="44" fontSize="24" fontWeight="bold" click="keyboard_clickHandler(event)" label.PRIMARY="2"/>
        <s:Button x="137" y="5" label="#" height="43" width="44" fontSize="24" fontWeight="bold" click="keyboard_clickHandler(event)" label.PRIMARY="3"/>
        <s:Button x="181" y="5" label="$" height="43" width="44" fontSize="24" fontWeight="bold" click="keyboard_clickHandler(event)" label.PRIMARY="4"/>
        <s:Button x="225" y="5" label="%" height="43" width="44" fontSize="24" fontWeight="bold" click="keyboard_clickHandler(event)" label.PRIMARY="5"/>
        <s:Button x="269" y="5" label="^" height="43" width="44" fontSize="24" fontWeight="bold" click="keyboard_clickHandler(event)" label.PRIMARY="6"/>
        <s:Button x="313" y="5" label="&" height="43" width="44" fontSize="24" fontWeight="bold" click="keyboard_clickHandler(event)" label.PRIMARY="7"/>
        <s:Button x="357" y="5" label="*" height="43" width="44" fontSize="24" fontWeight="bold" click="keyboard_clickHandler(event)" label.PRIMARY="8"/>
        <s:Button x="401" y="5" label="(" height="43" width="44" fontSize="24" fontWeight="bold" click="keyboard_clickHandler(event)" label.PRIMARY="9"/>
        <s:Button x="445" y="5" label=")" height="43" width="44" fontSize="24" fontWeight="bold" click="keyboard_clickHandler(event)" label.PRIMARY="0"/>
        <s:Button x="489" y="5" label="_" height="43" width="44" fontSize="24" fontWeight="bold" click="keyboard_clickHandler(event)" label.PRIMARY="-"/>
        <s:Button x="533" y="5" label="+" height="43" width="44" fontSize="24" fontWeight="bold" click="keyboard_clickHandler(event)" label.PRIMARY="="/>
        <s:Button x="577" y="5" label="Backspace" height="43" width="80" fontSize="11" fontWeight="bold" click="backspace_clickHandler(event)"/>
        <s:Button x="5" y="48" label="Tab" height="43" width="67" fontSize="12" fontWeight="bold" click="tab_clickHandler(event)"/>
        <s:Button x="72" y="48" label="Q" height="43" width="44" fontSize="24" fontWeight="bold" click="keyboard_clickHandler(event)" label.PRIMARY="q"/>
        <s:Button x="116" y="48" label="W" height="43" width="44" fontSize="24" fontWeight="bold" click="keyboard_clickHandler(event)" label.PRIMARY="w"/>
        <s:Button x="160" y="48" label="E" height="43" width="44" fontSize="24" fontWeight="bold" click="keyboard_clickHandler(event)" label.PRIMARY="e"/>
        <s:Button x="204" y="48" label="R" height="43" width="44" fontSize="24" fontWeight="bold" click="keyboard_clickHandler(event)" label.PRIMARY="r"/>
        <s:Button x="248" y="48" label="T" height="43" width="44" fontSize="24" fontWeight="bold" click="keyboard_clickHandler(event)" label.PRIMARY="t"/>
        <s:Button x="292" y="48" label="Y" height="43" width="44" fontSize="24" fontWeight="bold" click="keyboard_clickHandler(event)" label.PRIMARY="y"/>
        <s:Button x="336" y="48" label="U" height="43" width="44" fontSize="24" fontWeight="bold" click="keyboard_clickHandler(event)" label.PRIMARY="u"/>
        <s:Button x="380" y="48" label="I" height="43" width="44" fontSize="24" fontWeight="bold" click="keyboard_clickHandler(event)" label.PRIMARY="i"/>
        <s:Button x="424" y="48" label="O" height="43" width="44" fontSize="24" fontWeight="bold" click="keyboard_clickHandler(event)" label.PRIMARY="o"/>
        <s:Button x="468" y="48" label="P" height="43" width="44" fontSize="24" fontWeight="bold" click="keyboard_clickHandler(event)" label.PRIMARY="p"/>
        <s:Button x="512" y="48" label="{" height="43" width="44" fontSize="24" fontWeight="bold" click="keyboard_clickHandler(event)" label.PRIMARY="["/>
        <s:Button x="556" y="48" label="}" height="43" width="44" fontSize="24" fontWeight="bold" click="keyboard_clickHandler(event)" label.PRIMARY="]"/>
        <s:Button x="600" y="48" label="|" height="43" width="57" fontSize="24" fontWeight="bold" click="keyboard_clickHandler(event)" label.PRIMARY="\"/>
        <s:Button x="5" y="91" label="CapsLock" height="43" width="80" fontSize="12" fontWeight="bold" click="caps_clickHandler(event)"/>
        <s:Button x="85" y="91" label="A" height="43" width="44" fontSize="24" fontWeight="bold" click="keyboard_clickHandler(event)" label.PRIMARY="a"/>
        <s:Button x="129" y="91" label="S" height="43" width="44" fontSize="24" fontWeight="bold" click="keyboard_clickHandler(event)" label.PRIMARY="s"/>
        <s:Button x="173" y="91" label="D" height="43" width="44" fontSize="24" fontWeight="bold" click="keyboard_clickHandler(event)" label.PRIMARY="d"/>
        <s:Button x="217" y="91" label="F" height="43" width="44" fontSize="24" fontWeight="bold" click="keyboard_clickHandler(event)" label.PRIMARY="f"/>
        <s:Button x="261" y="91" label="G" height="43" width="44" fontSize="24" fontWeight="bold" click="keyboard_clickHandler(event)" label.PRIMARY="g"/>
        <s:Button x="305" y="91" label="H" height="43" width="44" fontSize="24" fontWeight="bold" click="keyboard_clickHandler(event)" label.PRIMARY="h"/>
        <s:Button x="349" y="91" label="J" height="43" width="44" fontSize="24" fontWeight="bold" click="keyboard_clickHandler(event)" label.PRIMARY="j"/>
        <s:Button x="393" y="91" label="K" height="43" width="44" fontSize="24" fontWeight="bold" click="keyboard_clickHandler(event)" label.PRIMARY="k"/>
        <s:Button x="437" y="91" label="L" height="43" width="44" fontSize="24" fontWeight="bold" click="keyboard_clickHandler(event)" label.PRIMARY="l"/>
        <s:Button x="481" y="91" label=":" height="43" width="44" fontSize="24" fontWeight="bold" click="keyboard_clickHandler(event)" label.PRIMARY=";"/>
        <s:Button x="525" y="91" label=""" height="43" width="44" fontSize="24" fontWeight="bold" click="keyboard_clickHandler(event)" label.PRIMARY="'"/>
        <s:Button x="569" y="91" label="Enter" height="43" width="88" fontSize="24" fontWeight="bold" click="enter_clickHandler(event)"/>
        <s:Button x="5" y="134" label="Shift" height="43" width="106" fontSize="24" fontWeight="bold" click="shift_clickHandler(event)"/>
        <s:Button x="111" y="134" label="Z" height="43" width="44" fontSize="24" fontWeight="bold" click="keyboard_clickHandler(event)" label.PRIMARY="z"/>
        <s:Button x="155" y="134" label="X" height="43" width="44" fontSize="24" fontWeight="bold" click="keyboard_clickHandler(event)" label.PRIMARY="x"/>
        <s:Button x="199" y="134" label="C" height="43" width="44" fontSize="24" fontWeight="bold" click="keyboard_clickHandler(event)" label.PRIMARY="c"/>
        <s:Button x="243" y="134" label="V" height="43" width="44" fontSize="24" fontWeight="bold" click="keyboard_clickHandler(event)" label.PRIMARY="v"/>
        <s:Button x="287" y="134" label="B" height="43" width="44" fontSize="24" fontWeight="bold" click="keyboard_clickHandler(event)" label.PRIMARY="b"/>
        <s:Button x="331" y="134" label="N" height="43" width="44" fontSize="24" fontWeight="bold" click="keyboard_clickHandler(event)" label.PRIMARY="n"/>
        <s:Button x="375" y="134" label="M" height="43" width="44" fontSize="24" fontWeight="bold" click="keyboard_clickHandler(event)" label.PRIMARY="m"/>
        <s:Button x="419" y="134" label="<" height="43" width="44" fontSize="24" fontWeight="bold" click="keyboard_clickHandler(event)" label.PRIMARY=","/>
        <s:Button x="463" y="134" label=">" height="43" width="44" fontSize="24" fontWeight="bold" click="keyboard_clickHandler(event)" label.PRIMARY="."/>
        <s:Button x="507" y="134" label="?" height="43" width="44" fontSize="24" fontWeight="bold" click="keyboard_clickHandler(event)" label.PRIMARY="/"/>
        <s:Button x="551" y="134" label="Shift" height="43" width="106" fontSize="24" fontWeight="bold" click="shift_clickHandler(event)"/>
    </s:Group>
</s:Application>
thanks in advance,
saran r

Flex application -- Focus

I'm designing a Flex application, and for the most part, I
want to allow users to drive the application with simple
keystrokes.
Obviously I need to content with a couple of UI issues:
1) I don't want to interfere with text field input and the
likes.
2) After the user commits (i.e. closes or exits text fields
or other objects that claim focus of text input) I'll need to set
focus (responder?) to the flex application itself .
Is this easy to accomplish?
Thanks John

You can set focus within the flash player to components
within the flash player.
You can set focus within the browser window to the Flash
player (if you need to).
Easy? That depends on how you want your app to behave and how
you implement that behaviour. A "suck it and see" approach might be
best to ascertain that one - learn by doing and similar
clichés have merit here.
If you have a more specific question about implementation
detail, post back and the board should fix you up with an
answer.

Embedding Fonts in a Flex application -- Legal issues?

I am currently building a Flex application for a Client. The Style guide they have provided shows Univers 55, Univers 65, and Univers 45 as the main fonts for the site and the app.
Page 1567 of Using Flex 4.5 states
Note:
Check your font licenses before embedding any font files in your applications. Fonts might have licensing restrictions that preclude them from being stored as vector information.
The fonts they are using in the AI file for the design document appear to be older version Adobe 1.0 TrueType fonts dated 30th June 1997.
I can not find the original license for these fonts, but such licenses may pre-date embedding technology, so are we allowed to embed them?
As an alternative could we safely use the OTF Univers LT Std family and are there any differences?
Message was edited by: lingoguru

As far as i see it, it's mainly just for convenience.
Embedding an image into application removes the need for you to store it elsewhere on the server, as it becomes part of the .swf file.
From personal experience it's very handy with small images, as it doesn't increase the size of the .swf file too much, and it means you don't have to keep track of them when distributing your release build.
you don't have to embed anything, you can simply reference it by location instead, but you'll experience a slight delay as it's loaded into the application on request.
The need for using this feature depends entirely on what you're trying to accomplish.
If you're making something like a large image gallery, it'll completely remove the need for wait for pictures to load when you're scrolling through them. However i wouldn't recommend it as you'll send your application size will go through the roof, and the waiting time for the whole application to load would be fairly extensive.
If you have an application with like 40 small ~3kb images using for navigation icons or something, you might as well, it's just convenient and won't impact the loading time by too much.

Flex application embedded in a PDF performing a LC call

Hi,
I have a Flex application that is embedded in a PDF as a navigator which is supposed to invoke LiveCycle application deployed on a weblogic server using SOAP endpoint. The web service call seems to work fine if I run it from Flash Builder but once it’s inside a PDF, it would appear that the web service call is not reaching the application deployed on the Document Service server. The same application, however, does work if the server is deployed on JBoss.
I was wondering if anyone has suggestions on how I should go about troubleshooting.
Thanks, Lilliam.

Hi,
Creating a new project it's
- File -> New -> Flex Project
- Application Type -> Desktop
Setting this will create the descriptor file and create the WindowedApplication as the root. This application will startup in a native os window.
Here is an example of creating a simple os child window;
<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
                       xmlns:s="library://ns.adobe.com/flex/spark"
                       xmlns:mx="library://ns.adobe.com/flex/mx">
    <fx:Script>
        <![CDATA[
            import spark.components.Window;
            protected function button_clickHandler(event:MouseEvent):void
                var window:Window = new Window();
                window.title = "Hello Window";
                window.width = 200;
                window.height = 200;
                window.open();
        ]]>
    </fx:Script>
    <s:Button label="Open Window"
              click="button_clickHandler(event)"/>
</s:WindowedApplication>
The documentation will guide you the rest of the way.
Mike

Adobe Air+ Flex applications to build from database

Hi,
I know how to create a Flex application from database.But
when we are developing a flex application from database using Adobe
AIR,i'm not able to run the application.It is throwing an error
saying .xml file is missing.Can anyone help me out with
this?

In Flex, an application can be created from database by
following the steps as follows:
STEP 1. Create a new Flex Project and name it as for example,
“FLEXDB”. Select the
application type as “Web Application (runs in Flash
Player)” and Application server type as
“ASP.Net”.
STEP 2. Go to Data->Create application from database.
Select the project as
FLEXDB”.Create a new Connection to SqlServer 2005 and
specify the database and name that connection
as”TestConn”. Then select any table (for example
DashboardRegion) from the list of tables and click
“Next” button.
STEP 3. Select the Server language as “C# with Web
Services”. Click “Finish”.
STEP 4. Then the following files and folders will be created
under the project “FLEXDB”
automatically.
• DashboardRegion.mxml -- is a design page.
• DashboardRegionScript.as -- defines web service
object and capture the results and assigns the results to the
corresponding UI Component.
• DashboardRegionConfig.as -- calls the Web Service
file.
• DashboardRegion.asmx -- calls the Class Files
(DashboardRegion.cs file).
• Web.config – defines the Connection string
• App_Code is a folder which contains the following
files
o DashboardRegion.cs that interacts with SQL Server 2005 and
return the results.
o TestConn.cs that defines connection to SQL Server 2005.
STEP 5. Run the application “DashboardRegion.mxml
”.We can see the Database results
Fetched and displayed in the corresponding UI Component in
the output.
Now we are trying to create a Similar Flex Application using
Adobe AIR.
For this, we have to follow similar steps mentioned as above
with a slight modification in STEP 1. It will be as follows:
STEP 1. Create a new Flex Project and name it as for
example, “FLEXDB”. Select the
application type as”Desktop Application (runs in Adobe
AIR)” and Application server type as “ASP.Net”.
The remaining steps are same as above.
When we try to run the application
“DashboardRegion.mxml”, it is throwing an error saying
“DashboardRegion-app.xml” file is missing. To solve
this issue we tried creating “DashboardRegion-app.xml”
file manually, the application is running but, again throwing an
error saying “Unable to load WSDL. If currently online,
please verify the URI and/or format of the WSDL
(../DashBoardRegion.asmx?wsdl)”.
Can any one please suggest a solution for this?
Or Help me how to connect sql server 2005 in the Adobe AIR
application that are buid using Flex builder.

Modifying a Flex application to an AIR application

Hi,
    I am currently developing a prototype application which runs locally and not all functionality need be working, especially the file uploading/downloading and file browsing capabilities, due to time constraints. In working I setup a flex application, and now realize that same functionality could be handled in a more gracious fashion by AIR.
     My question is how much more work is it modifying my prototype into a full AIR app when the time comes? I have a feeling it is not as easy as just including some AIR classes into my current prototype, right? And would I be better off, creating a new flex 3 project altogether, and repurposing what code needs to be re-purposed?
    For example, I might need the ability to import custom artwork to be displayed in the application, which comes from the local filesystem, but can be saved or sent to a remote server. Initially, I used the FileReference class, but now am pondering if using adobe AIR would cut my development time, now and in the future.
Any enlightenment would be helpful, since from reading the documentation on Adobe AIR, I'm not quite sure of where the line in the sand is drawn between its framework and flex's framework is drawn.
vErGo_O

It could be as easy as changing the Application tag to WindowedApplication and creating an application descriptor file.
I'm not sure if you can change a Flex web project into a desktop project, so you might have to create a new project in the F. Builder IDE. (If you are using the command line tools, that's not an issue.)
As to the "line in the sand," AIR is at the same level as Flash Player (in the browser or standalone). The Flex framework runs in either. There are a handful of features in Flex that work in AIR , but not in Flash Player (because they use AIR-only APIs).

Regarding Flex application in Adobe Air

I> I developed a flex application using FLEX BUILDER3. My
main.mxml and background image file was under src directory in flex
project. There was a folder named history under which
index.template.html was present. I inserted the javascript code
inside this html file. I want to convert the same flex application
to a desktop application. So I created a new project as a desktop
app and copied the mxml file and background image file under the
src directoy of the project. I am not able to see a folder named
history. I dont know where and how to insert the javascript and
html code for creating desktop air application
> Also the backgroundimage file is not getting display in
the window. Not sure why is it so. I had inserted the JPEG

The ability to package Composite Applications in AIR is currently available
as a limited release, so if you are interested you will need to contact your
sales channel for more information.
The technology includes a library (mosaic-mxml.swc) that contains UI
Components that allow developers to control the loading and placement of
Tiles or entire AXML Applications within the AIR application. There are
samples and documentation available.
As for mobile, there is work underway to support Mobile AIR applications
scheduled for an upcoming release.
Matt

Cold Fusion/Flex Application Wizard crippled in Trial Version?

Hi,
I am using the 60 Day trial version of Flex Builder
3/Eclipse.
I wanted to try out the much vaunted Cold Fusion/Flex
Application Wizard, mainly because I could not get my head around
access from Flex to an existing CFC from the documentation alone.
So, I followed the directions:
Click the plus sign (+).
In the Name: text box, enter the name for the page.
Select the page type (master, detail, or master/detail).
Click Edit Master Form or Edit Detail Form, depending on the
type of form you are creating.
The Visual Query Builder starts.
But for me, when I click on 'Edit Master Form' the Visual
Query Builder does not start.
Now I have checked and confirmed that my RDS is working, and
that I can access the database via RDS in the Eclipse RDS browser
window. The RDS concerned is on another PC.
The PC on which Flex Builder is installed is a Vista
Ultimate/32 and the database is MS SQl server 2005 (running on the
other PC). Cold Fusion 8 is installed on both PC's.
So, my question is 'Is the CF/Flex Application wizard
deliberately hobbled/crippled in Flex 3 Trial version, or is there
something wrong with my installation.?
If this works for everyone else, then how do I debug my
installation ?
Thanks,
Bryn Parrott

in addition, I can say that I installed the same flex builder
trial on an XP machine, using its own local RDS, and found that the
wizard worked just fine.
So what is the variable here, why is the wizard not working
on the vista PC ?
Is it Vista ?
Is it the fact that I'm trying to use RDS against a remote
server and not the local one ?

Calling a Help window from Flex application

I am trying to enable a button in a Flex application to launch a Help window. The Help window should connect to our web server and load our HTML Help.
I am unable to find any documentation on how to do this, except maybe something about creating an HTML wrapper. I am very new to Flex. Can someone please point me in the right direction? Thanks!

Assuming that you want to open this content in a browser window, you might check out the navigateToURL function: http://livedocs.adobe.com/flex/3/langref/flash/net/package.html#navigateToURL()
HTH
Randy Nielsen
Flex Documentation Manager
http://livedocs.adobe.com/flex/3/html/url_requests_4.html

How to connect to SAP Database from a Adobe flex application?

Hi
I am an intern currently working on designing an Adobe flex interface that interacts with an SAP Database, although im torn between methods of implementing the most efficient connection without over-complicating the problem. I believe the best approach would be to use SAPJCo but am unfamiliar with how to approach this method and am finding it hard to get detailed documentation or code examples which show connecting to a Database. Another approach would be using a web service but my problems again arise with my lack of knowledge to connect to the Database.
Any advice or help would be much appreciated.
Thanks,
Jonny

Hi Jonathan.
I believe webservice is the best approach, steps to create webservice is very simple.
1. create a webservice from a standard rfc or bapi.
2. release and activate webservice.
3. it will generate wsdl file which can be used in flex environment.
creating webservice.
http://help.sap.com/saphelp_nw04s/helpdata/en/0d/2eac5a56d7e345853fe9c935954ff1/frameset.htm
Consuming ABAP Web Services using Flex :
https://www.sdn.sap.com/irj/sdn/wiki?path=/display/emtech/consuming%2babap%2bweb%2bservices%2busing%2bflex
i hope this surely helps.
Venkat.

I want to integrate captivate quiz with my flex application.

I am new to flex. I want to integrate flex application with captivate quiz. I could not find good documentation for this. Can any one please give me some url to find good documentation or some example. Thank you

I'm interested in using FLEX to create a widget that I load INTO a Captivate project. How would that change this approach?
Also, I've attempted to build a Flex 4 project (sdk 4.1) with this code, and it's generating the following errors:
Description
Resource
Path
Location
Type
1119: Access of possibly undefined property testing through a reference with static type flash.display:DisplayObject
Cp5Widget.mxml
/Cp5Widget2/src
line 26
Flex Problem
1120: Access of undefined property ldr
Cp5Widget.mxml
/Cp5Widget2/src
line 20
Flex Problem
1120: Access of undefined property ldr
Cp5Widget.mxml
/Cp5Widget2/src
line 21
Flex Problem
1120: Access of undefined property loadedSWF
Cp5Widget.mxml
/Cp5Widget2/src
line 20
Flex Problem
I've created the var_text.swf by creating a CP5 project that has the variable with a pre-defined value, and a button to set a new value.
Unfortunately, the project doesn't appear to load due to the errors present.
If you could find time to post a couple sample files, it may help us beginners!

Designing & Documenting A Flex Application

Similar Messages

Maybe you are looking for