topic Re: API 2.0 - Cursor issue with map context menu in ArcGIS API for Flex Questions

API 2.0 - Cursor issue with map context menu

TonyCollins — Tue, 29 Jun 2010 17:57:10 GMT

Hi there,

Using API 2.0, the standard context menu (on right click) has no mouse pointer when in pan mode (NavigationTool.PAN).

Is this something I am doing/can be fixed?

Thanks
Tony

Re: API 2.0 - Cursor issue with map context menu

RobertScheitlin__GISP — Tue, 29 Jun 2010 18:30:40 GMT

Tony,

OK glad to see that I am not the only one noticing that issue. It is not limited to the pan mode though. No matter what tool or cursor is set when you right click and hover over a context menu the mouse cursor is completely gone until you dismiss that context menu.

Re: API 2.0 - Cursor issue with map context menu

TonyCollins — Tue, 29 Jun 2010 18:37:44 GMT

Hi Robert,

I'm only getting the issue when the pan control's custom cursor is active. Do you have any custom cursors for your other tools?

I did think it might be my contextmenu, but the issue is still there when I remove it.

Tony,

OK glad to see that I am not the only one noticing that issue. It is not limited to the pan mode though. No matter what tool or cursor is set when you right click and hover over a context menu the mouse cursor is completely gone until you dismiss that context menu.

Re: API 2.0 - Cursor issue with map context menu

RobertScheitlin__GISP — Tue, 29 Jun 2010 18:41:05 GMT

Tony,

Yep, almost all my tools have custom cursors.

Re: API 2.0 - Cursor issue with map context menu

DasaPaddock — Tue, 29 Jun 2010 18:44:15 GMT

Are you able to reproduce this issue in the Sample?
http://help.arcgis.com/en/webapi/flex/samples/index.html?sample=NavigationTools
If not, can you post a test case?

Re: API 2.0 - Cursor issue with map context menu

TonyCollins — Tue, 29 Jun 2010 18:52:55 GMT

Are you able to reproduce this issue in the Sample?
http://help.arcgis.com/en/webapi/flex/samples/index.html?sample=NavigationTools
If not, can you post a test case?

Hi,

I notice on the example you post (for me anyway) that the pan cursor is only visible when the map is being dragged.

In my app when Pan is enabled the pan cursor is always visible until I switch tool to something else.

Does this make sense?

Re: API 2.0 - Cursor issue with map context menu

ReneRubalcava — Tue, 29 Jun 2010 18:57:49 GMT

Same issue here. Never noticed before, but only happens in IE7 with Flash 10,1,53,64 debugger.
Works as expected in my Chrome install with Flash 10,0,45,2 installed

Only 2 setups I can test at the moment, so can't narrow it to browser or flash installs.

But in any 2.0 app, final or beta, I get no mouse cursor in the Context Menu. In the example you linked, if I am in Zoom Navigation, I do get a mouse cursor.

Re: API 2.0 - Cursor issue with map context menu

RobertScheitlin__GISP — Fri, 10 Dec 2021 22:42:30 GMT

Dasa,

Here is my test case. I believe you will find it has something to do with the NavTool.deactivate which is what I think Tony is seeing also.

<?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"
      xmlns:esri="http://www.esri.com/2008/ags"
      pageTitle="Basic usage of DrawTool">
 
 <s:layout>
  <s:VerticalLayout paddingBottom="5"/>
 </s:layout>
 
 <fx:Style>
  @namespace mx "library://ns.adobe.com/flex/mx";  
  mx|ToolTip
  {
   font-size: 14;
  }
 </fx:Style>
 
 <fx:Script>
  <![CDATA[
   import com.esri.ags.events.DrawEvent;
   import com.esri.ags.geometry.MapPoint;
   import mx.controls.Alert;
   import com.esri.ags.Graphic;
   import spark.events.IndexChangeEvent;
   import com.esri.ags.events.GraphicEvent;
   
   private var menuItem:ContextMenuItem = new ContextMenuItem("Remove Me");
   
   private function init(evt:Event):void
   {
    myGraphicsLayer.addEventListener(GraphicEvent.GRAPHIC_ADD,addContextMenu);
    menuItem.addEventListener(ContextMenuEvent.MENU_ITEM_SELECT, removeMeMenuItemHandler);
    navTool.activate(NavigationTool.PAN);
   }
   
   private function removeMeMenuItemHandler(event:ContextMenuEvent):void
   {
    var graphic:Graphic = event.contextMenuOwner as Graphic;
    graphic.dispatchEvent(new Event("removeMe", true));
   }
   
   private function addContextMenu(evt:Event):void
   {
    var gLyr:GraphicsLayer = evt.target as GraphicsLayer;
    myGraphicsLayer.addEventListener("removeMe", graphicRemoveMeHandler);
    for each (var g:Graphic in gLyr.graphicProvider)
    {
     if (g.contextMenu == null)
     {
      var contextMenu:ContextMenu = new ContextMenu();
      contextMenu.hideBuiltInItems();
      contextMenu.customItems.push(menuItem);
      if (g.geometry.type.toUpperCase() == "ESRIGEOMETRYPOINT")
      {
       var mp:MapPoint = g.geometry as MapPoint;
       var menuItem2:ContextMenuItem = new ContextMenuItem("X: " + numFormatter2.format(mp.x) + ", Y: " + numFormatter2.format(mp.y));
       contextMenu.customItems.push(menuItem2);
      } 
      g.contextMenu = contextMenu;
     }
    }
   }
   
   private function graphicRemoveMeHandler(event:Event):void
   {
    var gLyr:GraphicsLayer = event.currentTarget as GraphicsLayer;
    var graphic:Graphic = event.target as Graphic;
    var gObj:Object = myGraphicsLayer.graphicProvider;
    
    for (var i:int = myGraphicsLayer.numGraphics - 1; i >= 0; i--)
    {
     if(myGraphicsLayer.graphicProvider.name == graphic.name)
      myGraphicsLayer.remove(myGraphicsLayer.graphicProvider);
    } 
   }
   
   protected function bb_changeHandler(event:IndexChangeEvent):void
   {
    if (event.newIndex == -1)
    {
     drawTool.deactivate();
     navTool.activate(NavigationTool.PAN);
     navTool.deactivate();
    }
    else
    {
     switch (bb.dataProvider.getItemAt(event.newIndex))
     {
      case "Point":
       navTool.deactivate();
       drawTool.activate(DrawTool.MAPPOINT);
       break;
      case "Multipoint":
       navTool.deactivate();
       drawTool.activate(DrawTool.MULTIPOINT);
       break;
      case "Single Line":
       navTool.deactivate();
       drawTool.activate(DrawTool.LINE);
       break;
      case "Polyline":
       navTool.deactivate();
       drawTool.activate(DrawTool.POLYLINE);
       break;
      case "FreeHand Polyline":
       navTool.deactivate();
       drawTool.activate(DrawTool.FREEHAND_POLYLINE);
       break;
      case "Polygon":
       navTool.deactivate();
       drawTool.activate(DrawTool.POLYGON);
       break;
      case "Freehand Polygon":
       navTool.deactivate();
       drawTool.activate(DrawTool.FREEHAND_POLYGON);
       break;
      case "Rectangle":
       navTool.deactivate();
       drawTool.activate(DrawTool.EXTENT);
       break;
     }
    }
   }
  ]]>
 </fx:Script>
 
 <fx:Declarations>
  <!-- Symbol for all point shapes -->
  <esri:SimpleMarkerSymbol id="sms"
         color="0x00FF00"
         size="12"
         style="square"/>
  
  <!-- Symbol for all line shapes -->
  <esri:SimpleLineSymbol id="sls"
          color="0x00FF00"
          width="3"/>
  
  <!-- Symbol for all polygon shapes -->
  <esri:SimpleFillSymbol id="sfs"
          color="0xFFFFFF"
          style="diagonalcross">
   <esri:outline>
    <esri:SimpleLineSymbol color="0x00FF00" width="2"/>
   </esri:outline>
  </esri:SimpleFillSymbol>
  
  <esri:DrawTool id="drawTool"
        fillSymbol="{sfs}"
        graphicsLayer="{myGraphicsLayer}"
        lineSymbol="{sls}"
        map="{myMap}"
        markerSymbol="{sms}"/>
  <mx:NumberFormatter  id="numFormatter" 
        useThousandsSeparator="true" 
        precision="2"/>
  
  <mx:NumberFormatter  id="numFormatter2" 
        useThousandsSeparator="false" 
        precision="2"/>
  <esri:NavigationTool id="navTool" map="{myMap}" />
 </fx:Declarations>
 
 <s:controlBarLayout>
  <s:HorizontalLayout horizontalAlign="center"
       paddingBottom="7"
       paddingTop="7"/>
 </s:controlBarLayout>
 <s:controlBarContent>
  <s:ButtonBar id="bb" change="bb_changeHandler(event)">
   <s:ArrayList>
    <fx:String>Point</fx:String>
    <fx:String>Multipoint</fx:String>
    <fx:String>Single Line</fx:String>
    <fx:String>Polyline</fx:String>
    <fx:String>FreeHand Polyline</fx:String>
    <fx:String>Polygon</fx:String>
    <fx:String>Freehand Polygon</fx:String>
    <fx:String>Rectangle</fx:String>
   </s:ArrayList>
  </s:ButtonBar>
 </s:controlBarContent>
 
 <esri:Map id="myMap" level="3" useHandCursor="true">
  <esri:ArcGISTiledMapServiceLayer url="http://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer"/>
  <esri:GraphicsLayer id="myGraphicsLayer" creationComplete="init(event)"/>
 </esri:Map>
 
 <s:Label text="The DrawTool can be used to draw new features which can then either be used as input for another task or saved as new features in a feature service (using the FeatureLayer.applyEdits)" width="100%"/>
 
</s:Application>

Re: API 2.0 - Cursor issue with map context menu

TonyCollins — Tue, 29 Jun 2010 19:01:54 GMT

Yes, I just finished playing and this issue happens 99% of the time in IE8 and IE7 as the example is going wrong for me now.

The issue does not seem to be there in Chrome, but my user base all use IE so that won't help me :o(

Re: API 2.0 - Cursor issue with map context menu

DasaPaddock — Fri, 10 Dec 2021 22:42:32 GMT

This seems to be a new Flash Player 10.1 bug that only happens in IE. If a custom cursor is being shown, and you right click, then the system cursor is supposed to be shown, but in FP 10.1 it isn't, so you're left with no cursors. This is happening for 1.x apps too.

I've submitted this bug to Adobe at https://bugs.adobe.com/jira/browse/SDK-26818

A workaround is to set the wmode to opaque, but only for IE since Chrome will show both cursors otherwise.

e.g. In the html template add this after params.allowfullscreen = "true";

if (swfobject.ua.ie && swfobject.ua.win) // http://code.google.com/p/swfobject/wiki/api
{
    params.wmode = "opaque"; // workaround for cursor issue - https://bugs.adobe.com/jira/browse/SDK-26818
}

Re: API 2.0 - Cursor issue with map context menu

TonyCollins — Fri, 10 Dec 2021 22:42:35 GMT

Thanks Dasa,

Hope Adobe come up with something for that.

On a side note, is there a way to stop your API using the cutom cursor when in pan mode?

Thanks

This seems to be a new Flash Player 10.1 bug that only happens in IE. If a custom cursor is being shown, and you right click, then the system cursor is supposed to be shown, but in FP 10.1 it isn't, so you're left with no cursors. This is happening for 1.x apps too.

I've submitted this bug to Adobe at https://bugs.adobe.com/jira/browse/SDK-26818

A workaround is to set the wmode to opaque, but only for IE since Chrome will show both cursors otherwise.

e.g. In the html template add this after params.allowfullscreen = "true";
if (swfobject.ua.ie && swfobject.ua.win) // http://code.google.com/p/swfobject/wiki/api
{
    params.wmode = "opaque"; // workaround for cursor issue - https://bugs.adobe.com/jira/browse/SDK-26818
}

Re: API 2.0 - Cursor issue with map context menu

DasaPaddock — Thu, 01 Jul 2010 19:17:13 GMT

Are you looking for this, or do you mean the hand that's shown while you're panning?
http://help.arcgis.com/en/webapi/flex/apiref/com/esri/ags/Map.html#openHandCursorVisible

Re: API 2.0 - Cursor issue with map context menu

TonyCollins — Thu, 01 Jul 2010 19:36:57 GMT

Ahh, that's great...

I'm going to stick with this until the fix for the right-click is resolved as we need to use a cuctom context menu.

Thanks Dasa!

Are you looking for this, or do you mean the hand that's shown while you're panning?
http://help.arcgis.com/en/webapi/flex/apiref/com/esri/ags/Map.html#openHandCursorVisible