PreventDefault MouseDown on a mobile IconItemRenderer

Hi,
I trying to cancel the mouseDown on custom itemrenderer that extends IconItemRenderer when it's on a certain state.
I add a state that named 'control'
              _controlState = new State()
                              _controlState.name = 'control'
                              _controlOverride = new Array()
                              var requestAddChild:AddChild = new AddChild(this,_requestIndicator)
                              var controlAddChild:AddChild = new AddChild(this,_controlLabel)
               var downEventHandler:SetEventHandler = new SetEventHandler(this,MouseEvent.MOUSE_DOWN)
               downEventHandler.target = this
               downEventHandler.handlerFunction = controlDownHandler
               this.states.push(_controlState);
and the controlDownHandler function follow
               protected function controlDownHandler (e:MouseEvent):void {
                                        e.preventDefault()
                         e.stopPropagation()
                                        //dispatchEvent(new DataRequestEvents(DataRequestEvents.DATA_REQUEST,true))
But the default MOUSE_DOWN event are not stoped. I've also tryed to simply add an EventListener.
I've alos tried to simply add an event listener inside overriden method createChildren:
          this.addEventListener(MouseEvent.MOUSE_DOWN,controlDownHandler
          protected function controlDownHandler (e:MouseEvent):void {
                         if (!dragging){
                              e.preventDefault()
                              e.stopPropagation()
                              //dispatchEvent(new DataRequestEvents(DataRequestEvents.DATA_REQUEST,true))
But, in this case, i can't drag the list up or down
Is there a way to reach this goal ?
Thank for helping .

Hi  Flex harUI!
I've a list that display the 12 more recent news.
My final goal is to add an itemRenderer at the end of the list that can call a service that get older news.
1- The classic item render with default MOUSE_DOWN event. (call another view)
2 -The added itemRenderer that preventDefault() and call the service
Everything work fine exept that i can avoid the MOUSE_DOWN event on this particular renderer.

Similar Messages

  • Mobile IconItemRenderer broken for iconFields?

    I have a mobile application needing IconItemRenderer to list a bunch of lines,
    each with their own icon (depending on some item state), which is exactly what IconItemRenderer is designed for.
    1) in the itemRenderer, i can define a right-hand decorator icon (but it is always the same for every line):
                  decorator="@Embed(source='icons/xyz.png')"/>
    - -  that works in desktop and Mobile application
    2) I can add dataProvider items to the list, defining thier *individual* left-hand icon and label:
                  myCollection.addItem( {"name":"someText" ,"image":"@Embed(source='icons/xyz.png')" } );
    -- that displays properly in desktop SWT *if* the icon is
                 "icons/xyz.png"
    -- but *not* if the icon is
                 "@Embed(source='icons/xyz.png')"
    -- and no format works for mobile SWT
    3a) i found an adobe help example, but all it has for mobile IconItemRenderer is DECORATORS
    http://help.adobe.com/en_US/flex/using/WSc2368ca491e3ff92-1483ec4a12136246e76-8000.html#WS 77c1dbb1bd80d3836663fb6012af31eb8a5-8000
    -- conspicuous by its absence is setting the icon field, which is fundamentally why one would use the IconItemRenderer.
    WHAT GIVES?  does adobe know that this function is broken?
    How do i get the Item Icons defined and embedded into a MOBILE SWT ??
    - I am using production Flex SDK 4.5.1, and AIR 3.1 on Windows and Android
    ADDENDUM:
    4) *if* i store my list items in a static definition, the icons display correctly on mobile+desktop:
      <s:dataProvider> <s:ArrayList>      <fx:Object name="aaa bbb" image="@Embed('icons/ON.gif')" />
          <fx:Object name="ccc ddd" image="@Embed('icons/OFF.gif')" />
       </s:ArrayList> </s:dataProvider>
    5) but as noted above, in the real world i need to dynamically build the list contents and *the* it does not work
         myDataCollection.addItem( { "name" : "eee fff", "image : "@Embed('icons/ON.gif')" } );
         myDataCollection.addItem( { "name" : "ggg hhh", "image : "@Embed('icons/ON.gif')" } );
    SOLUTION / WORKAROUND:
    The *only* way to get the mobile icon to work, also mantains desktop icon working:
         [Embed("icons/ON.gif")]
         public var onImgCls:Class;
         var icn:Class = offImgCls;
         myDataColl.addItem( {"name":line.substr(0,99), "image":icn} );

    You need to create one of the following internal DNS records:
    Record type
    Host name or SRV definition
    Resolves to
    CNAME
    lyncdiscoverinternal.<sipdomain>
    Internal Web Services fully qualified domain name (FQDN)   for your Director pool, if you have one, or for your Front End pool if you do   not have a Director
    A (host)
    lyncdiscoverinternal.<sipdomain>
    Internal Web Services IP address (virtual IP (VIP) address   if you use a load balancer) of your Director pool, if you have one, or of   your Front End pool if you do not have
    a Director
    You need to create DNS A and AAAA (if you are using IPv6 addressing) records for Front End pool name.
    Lisa Zheng
    TechNet Community Support

  • Mobile IconItemRenderer - prevent event propagation

    Hello,
    I don't want anything to happen when an element is clicked or touched in a mobile itemRenderer extending IconItemRenderer.
    Isteand of overriding the drawBackground method and not listening for the change event, is there anyway of doing this faster, like preventing the event from propagating?
    Thank you.

    1. commitProperties seems fine
    2. I assume it would be faster since you avoid unnecessary drawBackground calls.  You might want to test to make sure.
    3. Correct, if you can't click on something it won't be able to fire a mouseDown event
    4. The mouseDown listener is added to the renderer in List.dataGroup_rendererAddHandler.  You could tweak it there, but that would require a subclass of List.  I typically find it easier to do from within the renderer via one of the two approaches I mentioned above especially when that changes based on the data in the renderer.
    5. The Flex SDK currently deals exclusively with mouse events.  See the "Mouse vs. Touch Events" section of this spec for more information: http://opensource.adobe.com/wiki/display/flexsdk/Mobile+List%2C+Scroller+and+Touch

  • Embed Fonts in mobile IconItemRenderer

    Hi everybody,
    I developed a mobile app whose lists use a custom item render extended from the IconItemRenderer component.
    Everything works fine except for the fonts. It does not display the right font, which is embedded via CSS.
    Here is what the component does :
    override public function set data(value:Object):void
         super.data = value;          
         labelDisplay.setStyle("fontFamily", "MyFont");
         labelDisplay.setStyle("fontWeight", "normal");
    And this is my CSS
    @font-face
         src: url("../assets/fonts/MyFont.ttf");
         fontFamily: "MyFont";
         fontWeight: normal;
    My item renderer keeps on displaying the default font.
    Am I missing something ?
    Thanks

    Hi there,
    Try taking a look at the following links:
    http://www.trajiklyhip.com/blog/index.cfm/2007/7/18/Embedding-Fonts-in-Flex
    http://blog.flexexamples.com/2007/10/25/embedding-fonts-from-a-flash-swf-file-into-a-flex- application/
    Hope it helps.
    With best regards,
    Barna Biro

  • IconItemRenderer with rounded Corners

    Hi everyone,
    im using the mobile IconItemRenderer and need to round the corners of the list-Items to be in conform with the rest of my UI-Design. is there any way to archive this?
    thx for your help

    extend the IconIremRenderer and then override the drawBackground method and draw a rect with rounded corners
    something like this...
    package renderers
        import spark.components.IconItemRenderer;
        public class RoundedIconItemRenderer extends IconItemRenderer
            public function RoundedIconItemRenderer()
                super();
            override protected function drawBackground(unscaledWidth:Number, unscaledHeight:Number):void
                this.graphics.beginFill(0x000000,0.8);
                this.graphics.lineStyle(1,0xCCCCCC,0.5);
                this.graphics.drawRoundRect(0,0,unscaledWidth,unscaledHeight,30,30);
                this.graphics.endFill();

  • Photoshop button mousedown not working on mobile

    I am occasionally working on my business site in Muse, where I have a section of logos that use the Photoshop button feature.
    When you mouseover on the desktop, or click on mobile, a color version of the logo shows up as expected.
    I am using a similar function on a new site comp, using similar PSD files, with correct states applied, but the mousedown action will not work on mobile.
    In fact, in the name of science, I dropped one of the Photoshop buttons that works (from my personal site), and it won't work on the new site.
    I cannot see any difference here, but I'm not getting the same results. What am I missing? Thanks.

    The function works correctly here, in the "identity and branding" section:
    Home
    On this one, Pure and Frequensia are linked now, so please try any of the other buttons in reference to this question. Thanks.
    Index_B

  • Mobile development - onClose, preventDefault

    Hi
    I'm developing AIR app for mobile. I'm trying to make app ask user if he wants to save data before exiting app - common Yes-No-Cancel dialog.
    The problem is that mobile app doesn't use nativeWindow. So, nativeApplication.activeWindow == null all the time, openedWindows list is empty all the time, CLOSING event doesn't fire.
    Could you tell me please, how should I attach event listener to mobile application to prevent Closing main window?
    Thanks in advance

    It depends on what you want to do.
    APEX might not be the best tool for mobile development, but it is a very good tool to develop db-centered web applications (even mobile ones).
    brgds,
    Peter
    Blog: http://www.oracle-and-apex.com
    ApexLib: http://apexlib.oracleapex.info
    BuilderPlugin: http://builderplugin.oracleapex.info
    Work: http://www.click-click.at

  • IconItemRenderer iconDisplay Transition Fade - mobile

    How to make the transition iconDisplay mobile IconItemRender class?
    Previously, I did this:
    <s:transitions>
            <s:Transition fromState="_edit" toState="_normal" >
                <s:Fade targets="{myIconDisplay}"/>
            </s:Transition>
            <s:Transition fromState="_normal" toState="_edit" >
                <s:Fade targets="{myIconDisplay}"/>
            </s:Transition>
        </s:transitions>
    Unfortunately, it is not bindable standard iconDisplay so I can not use it.
    Such transitions are not working in AIR:
    import fl.transitions.*;
    import fl.transitions.easing.*;
    var myTM:TransitionManager = new TransitionManager(my_mc);
    myTM.startTransition({type:Fade, direction:Transition.OUT, duration:3, easing:Strong.easeOut});
    Is it better to create everything in AS3, or I can still use mxml? How to create a an efficient list of transitions?
    Please help.

    I solved the problem. IconDisplay should be placed in a container, such as Group. Then can be controlled effects, such as Fade, Rotate, Resize.
    Example my itemRender:
    override protected function createChildren():void
         super.createChildren();
         iconContainer = new Group();
         hideFade = new Fade();
         hideFade.alphaFrom = 1.0;
         hideFade.alphaTo = 0.0;
         hideFade.duration = 250;
         hideFade.target = iconContainer;
         addChild(iconContainer);
    override protected function createIconDisplay():void
         super.createIconDisplay();
         iconDisplay.smooth = true;
         iconContainer.addElement(iconDisplay);
         iconDisplay.parentChanged(null);
    override protected function commitProperties():void
         if(data.editMode == "true")
              hideFade.play();

  • Problem with Request for Permissions (mobile app)

    In my application I want to publish the results of the games on facebook. I used this tutorial: http://www.adobe.com/devnet/facebook/articles/flex_fbgraph_pt1.html
    Here is a fragment of my source code:
    <fx:Script>
            <![CDATA[
                import com.facebook.graph.FacebookMobile;
                import mx.events.Request;
                import valueObjects.GlobalVariables;
                protected var extendedPermissions:Array = ["publish_stream","user_website","user_status","user_about_me"];
               protected function initApp():void
                    FacebookMobile.init("app ID",loginHandler);
                protected function loginHandler(success:Object,fail:Object):void
                    if(success){   
                        currentState="loggedin";
                        nameLbl.text=success.user.name;
                        userImg.source=FacebookMobile.getImageUrl(success.uid,"small");
                        birthdayLbl.text=success.user.birthday;
                        FacebookMobile.api("/me/statuses",getStatusHandler);
                    else{   
                        this.login();
                protected function login():void
                    FacebookMobile.login(loginHandler, stage, []);
                protected function logout():void
                    FacebookMobile.logout();
                    currentState="loggedout";
                protected function getStatusHandler(result:Object, fail:Object):void
                    statusLbl.text=result[0].message;
                protected function submitPost():void
                    FacebookMobile.api("/me/feed",submitPostHandler,{message:GlobalVariables.d.toString()}, "POST");
                protected function submitPostHandler(result:Object,fail:Object):void
                    FacebookMobile.api("/me/statuses",getStatusHandler);
            ]]>
        </fx:Script>
    I have problem with permissions. After login I see a white screen instead of request for permission.  The desktop application does not have a problem with it. When I log for the first time to the desktop application and I will give the permissions applications, then in the mobile application everything works fine. But this is not a good solution. And so please help.

    The labelField of IconItemRenderer only supports single line text.  Try using the messageField instead:
    <s:List width="200" height="200">
        <s:dataProvider>
            <s:ArrayList>
                <s:DataItem desc="1 Hello World Hello World Hello World" />
                <s:DataItem desc="2 Hello World Hello World Hello World" />
                <s:DataItem desc="3 Hello World Hello World Hello World" />
            </s:ArrayList>
        </s:dataProvider>
        <s:itemRenderer>
            <fx:Component>
                <s:IconItemRenderer labelField="" messageField="desc">
                </s:IconItemRenderer>
            </fx:Component>
        </s:itemRenderer>
    </s:List>
    If you need more control you might need to subclass, this post might help: http://flexponential.com/2011/08/21/adding-multiline-text-support-to-labelitemrenderer/

  • What exactly are unscaledWidth and unscaledHeight in mobile item renderers?

    Hello,
    What exactly are unscaledWidth and unscaledHeight that get passed to the measure() method for a mobile item renderer?
    I am guessing renderers start at  "default" width and height (so unscaled) which get scaled based on DPI. Is that it?
    Thank you.

    measure() doesn't take any parameters so I assume you mean the layoutContents() and/or drawBackground() methods.
    If you look at the code in LabelItemRenderer (and MobileSkin) for updateDisplayList() you'll see that it just delegates the work to the drawBackground() and layoutContents() methods:
        override protected function updateDisplayList(unscaledWidth:Number,
                                                      unscaledHeight:Number):void
            // clear the graphics before calling super.updateDisplayList()
            graphics.clear();
            super.updateDisplayList(unscaledWidth, unscaledHeight);
            drawBackground(unscaledWidth, unscaledHeight);
            layoutContents(unscaledWidth, unscaledHeight);
    This was done to make it a little bit easier for people to subclass LabelItemRenderer/IconItemRenderer by breaking the positioning logic apart from drawing the background visuals.  Check out the documentation for UIComponent.updateDisplayList and look around on Google for more information on how updateDisplayList fits into the Flex component life cycle.

  • Optimized grid for mobile game

    I am developing a game for multiple mobile devices using Flex 4.6. I wanted to ask what you think the optimal performace solution would be for creating the below component.
    The component spec is as follows:
    1) It needs to be a grid type interface where icons can be dragged and dropped into it.
    2) the grid has a fixed number of empty cells that allow draganddrop capability
    3) the empty cells need the ability to display an optional background icon
    Ive tested this by using the tileGroup and adding a custom component TileContainer to act as the  empty grid cells. this TileContainer accepts draGandDrop and can display a bacground icon.
    The perfomance is ok, BUT i've read that i should try and use a list with the iconItemRenderer to maximize the performance for mobile. However, i don't know if this is possible since i need a static grid containing empty cells with an optional background. Would you still suggest using a list with a custom iconItemRenderer that accepts drag and drop? or should i just try and optimize the custom tileGroup as best as possible? Or any other suggestions?
    Than you very much for your time.

    Whether you use Starling or not depends on the nature of your apps. When you do, you can use Starling Sprites and MovieClips for what they are need for, and regular Flash objects for things that Starling isn't so good at.
    You should register at the Starling forums, that's a good place to ask questions:
    http://forum.starling-framework.org

  • IconItemRenderer does not override getCurrentRendererState()

    I have an ItemRenderer that I've been using for a web app's List, now I need to convert that app into a Mobile App.  I am trying to use the optimized IconItemRenderer to display that same item.  My Previous Code has:
    override public function set data(value:Object):void {
         super.data = value;
         value_ti.text = value.ProdValue;
         invalidateProperties();
    override protected function commitProperties():void  {
         setCurrentState(getCurrentRendererState(), (mx_internal::playTransitions as Boolean));
         super.commitProperties();
    override protected function getCurrentRendererState():String {
         var state:String = super.getCurrentRendererState();
         if (state == 'normal') {
              if (data.date_purchased != null) {
              state = 'sold';
              } else {
              state = 'normal';
              } else if (state == 'sold') {
              this.mouseEnabled = false;
              this.mouseChildren = false;
         return state;
    With the code above, I figured I would simply change the ItemRenderer to an IconItemRenderer, and would solve the problem... though... Flash Builder gave me the Error: 1020: Method marked override must override another method. Refering to the method: getCurrentRendererState();
    I figure getCurrentRendererState() does not exist in the IconItemRenderer...
    Is it possible to achieve the code above through the IconItemRenderer?

    Short answer:  You'll have to reimplement your itemRenderer.  It is unclear from your code snippet how you have implemented states.
    Longer story:
    The IconItemRenderer extends LabelItemRenderer which extends UIComponent. 
    Mobile ItemRenderers are implemented differently than MXML ItemRenderers.  They are more like Mobile Skins than Spark components, or Spark ItemRenderers.  States are really just a fantasy; and you implement states by making changes to children, colors, or other visual elements manually in updateDisplayList(); or if you follow the MobileSkin conventions, in layoutContents() and drawBackground().
    The method you're looking for is implemented in the itemRenderer class, which Mobile ItemRenderers do not implement. These are some blog posts I wrote on building Mobile itemRenderers:
    https://www.flextras.com/blog/index.cfm/2011/6/17/Mobile-itemRenderers--6172011---Episode- 103--Flextras-Friday-Lunch
    https://www.flextras.com/blog/index.cfm/2011/6/23/Understanding-Mobile-itemRenderers
    https://www.flextras.com/blog/index.cfm/2011/6/24/Building-a-Mobile-ItemRenderer-in-Flex
    I have one coming soon on implementing states in Mobile Skins; which will apply equally to itemRenderers.  I'll go over most of the content in tomorrow's Flextras Friday Lunch episode

  • IconItemRenderer interactivity

    Hi,
    I'm using an iconItemRenderer in a mobile list. I have an icon and a decorator. So, a user can click the list item, the icon or the decorator. Does anyone know how to distinguish these three events? I can only listen to the click event but that goes for the whole itemRenderer.
    I tried this:
    iconDisplay.addEventListener( MouseEvent.CLICK, icon_clickHandler );
    but no luck.
    Any help will be appreciated
    Thanks,
    Dany

    In the mean time, I found out that both iconDisplay and decoratorDisplay are BitmapImages which can't have event listeners.
    I created this workaround.
    If someone has a better solution, please let me know!
    private function clickHandler( event:MouseEvent ):void
                                            var cp:Point = new Point( event.localX, event.localY );
                                            if ( isIconClicked( cp ) )
                                                      icon_clickHandler();
                                            } else if ( isDecoratorClicked( cp ) )
                                                      decorator_clickHandler();
                                            } else
      trace("label clicked");
                                  private function label_clickHandler(event:MouseEvent):void
      trace("label clicked");
                                            event.stopImmediatePropagation();
                                  private function icon_clickHandler():void
      trace("icon clicked");
                                  private function decorator_clickHandler():void
      trace("decorator clicked");
                                  private function isIconClicked( point:Point ):Boolean
                                            if (!iconDisplay)
      return false;
                                            var ix:Number = iconDisplay.x;
                                            var iy:Number = iconDisplay.y;
                                            var iw:Number = iconDisplay.width;
                                            var ih:Number = iconDisplay.height;
                                            return ( point.x > ix && point.x < ix + iw && point.y > iy && point.y < iy + ih )
                                  private function isDecoratorClicked( point:Point ):Boolean
                                            if (!decoratorDisplay)
      return false;
                                            var ix:Number = decoratorDisplay.x;
                                            var iy:Number = decoratorDisplay.y;
                                            var iw:Number = decoratorDisplay.width;
                                            var ih:Number = decoratorDisplay.height;
                                            return ( point.x > ix && point.x < ix + iw && point.y > iy && point.y < iy + ih )

  • Getting ioerrorevent type ioerror during webservice call from mobile app

    Hi,
    I building a mobile employee directory and for that I am using Flash Builder 4.6/AIR 3.1.0. I am using RESTful web service to get XML results and to display on my mobile application. I am getting the same below error when accessing the webservice from mobile app (Android - Galaxy Tab 7 inch).
    Error: [IOErrorEvent type="ioError" bubbles=false cancelable=false eventPhase=2 text="Error # 2032"] URL: http://adfdevp.alshaya.com:7013/RESTEmployeeDetails-EmployeeDetails-co">http://adfdevp.alshaya.com:7013/RESTEmployeeDetails-EmployeeDetails-co ntext-root/jersey/restlabhttp://adfdevp.alshaya.com:7013/RESTEmployeeDetails-http://adfdevp.alshaya.com:7013/RESTEm ployeeDetails-EmployeeDetails-co ntext-root/jersey/restlabEmployeeDetails-context-root/jersey/restlab
    The same code is working in Flash Builder 4.6. I have checked Network Monitor to "Disabled" before deploying to mobile. What am i doing wrong here? I am pasting my code below-
    <?xml version="1.0" encoding="utf-8"?>
    <s:View xmlns:fx="http://ns.adobe.com/mxml/2009" 
       xmlns:s="library://ns.adobe.com/flex/spark" title="HomeView" xmlns:dao="dao.*"
       xmlns:mx="library://ns.adobe.com/flex/mx">
    <fx:Script>
       <![CDATA[
        import mx.collections.ArrayCollection;
        import mx.collections.IList;
        import mx.collections.XMLListCollection;
        import mx.events.FlexEvent;
        import mx.rpc.events.FaultEvent;
        import mx.rpc.events.ResultEvent;
        import mx.rpc.xml.SimpleXMLDecoder;
        import mx.utils.ArrayUtil;
        import valueObjects.EmployeeDetail; 
        [Bindable] 
        private var myXml:XML;
        [Bindable]
        public var resultCollection:IList;
        public function handleXml(event:ResultEvent):void
         var xmlListCollection:XMLListCollection = new XMLListCollection(event.result.children());
         var xmlListCollectionValues:XMLListCollection = new XMLListCollection(event.result.emp.children());
         var resultArray:Array = xmlListCollection.toArray();
         var resultArrayValues:Array = xmlListCollectionValues.toArray();
         var objEmployeeDetails:EmployeeDetail;
         var resultCollection:ArrayCollection = new ArrayCollection();
         var j:int = 0;
         for(var i:int=0;i<resultArray.length;i++){
          objEmployeeDetails = new EmployeeDetail();
          objEmployeeDetails.brand = resultArrayValues[j];
          objEmployeeDetails.division = resultArrayValues[j+1];
          objEmployeeDetails.email = resultArrayValues[j+2];
          objEmployeeDetails.employee_name = resultArrayValues[j+3];
          objEmployeeDetails.employee_number = resultArrayValues[j+4];
          objEmployeeDetails.grade = resultArrayValues[j+5];
          objEmployeeDetails.mobile = resultArrayValues[j+6];
          objEmployeeDetails.position = resultArrayValues[j+7];
          j = j + 8;
          resultCollection.addItem(objEmployeeDetails);
         list.dataProvider = resultCollection;
         //return resultCollection;
        public function handleFault(event:FaultEvent):void
         //Alert.show(event.fault.faultDetail, "Error");              
        protected function sesrchEmployee():void
         xmlRpc.send();
       ]]>
    </fx:Script>
    <fx:Declarations>
       <dao:EmployeeDAO id="srv"/>
       <mx:HTTPService id="xmlRpc" 
           url="http://adfdevp.alshaya.com:7013/RESTEmployeeDetails-EmployeeDetails-co ntext-root/jersey/restlab"
           result="handleXml(event)" 
           fault="handleFault(event)" 
           resultFormat="e4x" showBusyCursor="true">
        <mx:request xmlns="">
         <data>{key.text}</data>
         <data>{key1.text}</data>
        </mx:request>
       </mx:HTTPService>
    </fx:Declarations>
    <s:navigationContent/>
    <s:titleContent>
       <s:VGroup width="100%">
       <s:HGroup width="100%">
        <s:Label top="40" paddingTop="10" paddingRight="13" height="29" text="Employee Name:"/>
        <s:TextInput id="key" width="559"/> 
       </s:HGroup> 
       <s:HGroup width="100%">
        <s:Label height="30" paddingTop="10" text="Employee Number:"/>
        <s:TextInput id="key1" width="100%"/> 
       </s:HGroup> 
       </s:VGroup> 
    </s:titleContent>
    <s:actionContent>
       <s:Button icon="@Embed('assets/search.png')" click="sesrchEmployee()"/>  
    </s:actionContent> 
    <s:List id="list" top="0" bottom="0" left="0" right="0"  
        change="navigator.pushView(EmployeeDetails, list.selectedItem)">
       <s:itemRenderer>
        <fx:Component>
         <s:IconItemRenderer label="{data.employee_name}"
              messageField="position">
         </s:IconItemRenderer>
        </fx:Component>
       </s:itemRenderer>
    </s:List>
    </s:View>
    Please help me to resolve this issue as soon as possible. Appreciate your quick response in this regard.
    Thanks,
    Murtaza Ghodawala
    Mobile: +965 97180549
    [email protected]

    I am in the same boat, trying to get data from a site with simple Apache Basic Authentication.  I couldnt get the FB/AIR App for iPad to popup the login window. Then, I hard coded in my own login credentials as:
    URLRequestDefaults.setLoginCredentialsForHost("99.99.99.99", "alan", "1234");
    That worked to get logged in at least, and did bring back the data OK.
    Still working on the getting the popup the login window.

  • Css problem in media for ipod and mobile

    I have a problem applying code for a menu on a webpage.
    I have posted the site example on www.tdrd.karoo.net
    and the complete zip at www.tdrd.karoo.net/index.zip
    I have applied the effect fine for the Full screen model media section of responsive.css but when I try to tailor the menu for the smaller resolutions it is only adjusting it for the full screen version.
    I have applied the middle resolution in the example uploaded but for some reason it is not applying it to the model.
    Please can anyone shed light as why this could be - the clue has to be somewhere in the nav section of the css....
    Thank you
    Terry

    Cut/paste in new Dreaweaver document, view in browser.
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <title>Naeci Payroll</title>
    <script src="http://www.tdrd.karoo.net/js/jquery1-7-2.min.js"></script>
    <script src="http://www.tdrd.karoo.net/js/respond.min.js"></script>
    <script>
    $(function() {
    var pull         = $('#pull');
    menu         = $('nav ul');
    menuHeight    = menu.height();
    $(pull).on('click', function(e) {
    e.preventDefault();
    menu.slideToggle();
    $(window).resize(function(){
    var w = $(window).width();
    if(w > 320 && menu.is(':hidden')) {
    menu.removeAttr('style');
    </script>
    <script>
    window.onload=
    window.onresize=function(){
    var width = document.getElementById('header').offsetWidth;
    document.getElementById('header').style.height = width*22/100 + 'px'
    </script>
    <style>
        @charset "utf-8";
    /* Simple fluid media
       Note: Fluid media requires that you remove the media's height and width attributes from the HTML
    img, object, embed, video {
        max-width: 100%;
    /* IE 6 does not support max-width so default to width 100% */
    .ie6 img {
        width:100%;
        Dreamweaver Fluid Grid Properties
        dw-num-cols-mobile:        5;
        dw-num-cols-tablet:        8;
        dw-num-cols-desktop:    12;
        dw-gutter-percentage:    10;
    /* Mobile Layout: 480px and below. */
    .gridContainer {
        margin-left: auto;
        margin-right: auto;
        width: 98.1818%;
        padding-left: 0.909%;
        padding-right: 0.909%;
    #header {
    position:relative;
    background: url(http://www.tdrd.karoo.net/img/refinery.jpg);
    background-size: 100% 100%;
    nav {
    display: block;
    width: 100%;
    background: #455868;
    font-size: 11pt;
    font-family: 'PT Sans', Arial, sans-serif;
    font-weight: bold;
    nav ul {
    padding: 0;
    margin: 0;
    width: 100%;
    nav li {
    padding: 0;
    margin: 0;
    list-style: none;
    nav a {
    color: #fff;
    display: block;
    padding: 0 0 0 15px;
    border-bottom: 1px dotted #fff;
    width: 100%;
    text-decoration: none;
    line-height: 40px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    nav li:last-child a {
        border-bottom: none;
    nav a:hover {
        color: #FFF;
        background-color: #8c99a4;
    nav ul {
    display: none;
    /* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
    @media only screen and (min-width: 481px) {
    /* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
    @media only screen and (min-width: 769px) {
    /* nav styles */
    nav {
    clear: both;
    overflow: hidden;
    nav li {
    display: inline;
    float: left;
    width: 20%;
    nav a {
    color: #fff;
    display: block;
    border-bottom: 0;
    text-align: center;
    border-right: 1px solid #576979;
    nav li:last-child a {
    border-right: none;
    nav ul {
    display: block;
    nav a#pull {
        display: none;
    </style>
    </head>
    <body>
    <div class="gridContainer clearfix">
    <div id="header">
    <div class="content"> </div>
    </div>
    <!-- end header -->
    <nav>
    <a href="#" id="pull">Menu</a>
    <ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">Services</a></li>
    <li><a href="#">Contract History</a></li>
    <li><a href="#">Curriculum Vitae</a></li>
    <li><a href="#">Contact Me</a></li>
    </ul>
    </nav>
    </div>
    <!-- end gridContainer -->
    </body>
    </html>

Maybe you are looking for

  • How to make text part of object

    I have a square box that I created that is black. I have a white letter placed on the box(2D by the way). I want the letter to be part of the box, not just a croup, but merge the two. On a similar note, how do I merge two objects? Thanks

  • About populating a non-database item in a multi-records block

    Hi, all I have a problem about populating a non-database item in a multi-records block. This block is set to database block with a controlled item which needs to be populated after query. so I create a post-query trigger, but my problem is when the r

  • 4G LTE/3G Service still out or spotty for me

    I'm currently in Augusta, ME and have been without 3G since around 8:30am EST on my Droid 4.  I've tried hard resets, factory default, SIM/SD card pulls, CDMA Only, etc. but no luck.  What I find funny, is my friend has a Droid RAZR right beside me,

  • MaximumPageSize

    How do you change the "Maximum Records Returned" for a QueryPage call? It seems that by default you can only get 100 records back per call. Is there a way to get all records? Thanks.

  • CRM: Acount Group download

    Dear Colleagues, In R/3, there are 20 acount group(a/c group can be chacked in trx. ovt0). Table name is T077D. I have downloaded these acount group from R/3 to CRM with inital download of object DNL_CUST_KTOKD. So CRM a/c group table CRMC_T077D gets