topic Re: Place Info Window in Div with Editor Widget in ArcGIS JavaScript Maps SDK Questions

Place Info Window in Div with Editor Widget

MeleKoneya — Wed, 19 Sep 2012 16:24:48 GMT

I am using the editor widget to add features to SDE feature classes via an ArcGIS Server Feature Server, but have found the infowindow used by the editor widget to be cumbersome because it displays on top of the map.

I would like to use a Div outside of the map to contain the infowindow contents used by the Editor widget.

Does anyone have some code that shows how to use to redirect the infowindow used when editing to a location other than in the map div HTML element?

Thanks,

Mele

Re: Place Info Window in Div with Editor Widget

KellyHutchins — Sat, 11 Dec 2021 18:05:56 GMT

You can do this by creating an attribute inspector and specifying the div where you want the attributes to display.

        var attInsp = new esri.dijit.AttributeInspector({
          layerInfos:featureLayerInfos
        },'attrDiv');

Next set the attribute inspector you created to the attributeInspector option when creating the Editor:

   var settings = {
          map: map,
          attributeInspector:attInsp,
          layerInfos: featureLayerInfos
        };

        var params = {
          settings: settings
        };

        editorWidget = new esri.dijit.editing.Editor(params, 'editorDiv');

After making those changes if you run your app you'll see that the attributes display in the location you specified. However due to a bug you'll also see an empty info window appear. We'll fix this asap but you can workaround this by adding the following:

    
        dojo.connect(map.infoWindow, 'onShow',function(){
          map.infoWindow.hide();
        });

I've attached a working sample.

Re: Place Info Window in Div with Editor Widget

MeleKoneya — Wed, 19 Sep 2012 21:28:04 GMT

Kelly,
Thanks for your code. This works great and is what I was looking for.
Mele

Re: Place Info Window in Div with Editor Widget

MeleKoneya — Mon, 22 Apr 2013 17:58:26 GMT

This worked great, but if I don't have the Editor widget and I am using just the AttributeInspector like in this sample:

http://help.arcgis.com/en/webapi/javascript/arcgis/jssamples/ed_attribute_inspector.html

How can I place the AttributeInspector in a DIV that is not on the Map?

Thanks,

Mele

Re: Place Info Window in Div with Editor Widget

CharmaleeSandanayake — Sun, 12 May 2013 13:29:16 GMT

This sample just uses the attribute inspector and places it in a div:
http://help.arcgis.com/en/webapi/javascript/arcgis/jssamples/widget_attributeinspectorpane.html

Re: Place Info Window in Div with Editor Widget

MeleKoneya — Tue, 14 May 2013 13:50:42 GMT

Charmalee,

Thanks for the sample. This looks like just what I needed.

Mele