topic Re: Info Window - Version 3.4 of the JavaScript API in ArcGIS JavaScript Maps SDK Questions

Info Window - Version 3.4 of the JavaScript API

bobcarr — Mon, 25 Mar 2013 19:06:27 GMT

From the 'What's New in Version 3.4 ', I read:

The popup widget is now the default info window for the map. Most ArcGIS API for JavaScript users prefer the popup's look and feel and, after some refactoring some internal dependencies, using the popup as the default makes sense. Additional changes to the popup include: easier to place the popup in a container outside the map, better support for right-to-left content and several new config options to control paging controls and how features are highlighted

Does having the popup as the 'default' mean that the previous info window provided by the esri.dijit.infowindow might still be available as an alternative? If so, is it set within the map constructor? Looking through the map constructor options for Version 3.4, I see only the infoWindowBase option whose implementation seems to require a custom module.

Re: Info Window - Version 3.4 of the JavaScript API

BillHoney — Tue, 26 Mar 2013 09:44:14 GMT

I could do with some advise on the same subject.

Upgrading to 3.4 breaks my code,
How do I either :
a) set the default infoWindow back to infoWindow type or
b) upgrade my code to support popupWindow ?

I have a simple InfoWindow with html in it

whereAmIgraphic.setInfoTemplate(new esri.InfoTemplate("Location : ",
                    "<p>" +
                    "<div id='divXYInfo'></div>" +
                      ....

Re: Info Window - Version 3.4 of the JavaScript API

SimonFisher — Tue, 26 Mar 2013 13:29:06 GMT

I would also like to know how to support the old info window. Actually I would like to know how I can support both old and new in the same map?

To implement the new info window here is a good walk through;
http://help.arcgis.com/en/webapi/javascript/arcgis/jshelp/intro_agspopup.html

I don't see any 3.4 samples that show how to implement the old info window.

Re: Info Window - Version 3.4 of the JavaScript API

SimonFisher — Thu, 28 Mar 2013 16:46:37 GMT

Anyone make any progress on this?

Re: Info Window - Version 3.4 of the JavaScript API

KellyHutchins — Tue, 02 Apr 2013 17:23:36 GMT

Here's a code snippet showing how to use the old info window instead of the popup. Note that the sample points to esri.esri.dijit.InfoWindow at the next version of the api (3.5) we'll fix this so you just need to enter esri.dijit.InfoWindow.

 var map = new esri.Map("map", {   basemap: "streets",   center:  [-98.215, 38.382],   zoom:    7 });  var infoWindow = new esri.esri.dijit.InfoWindow({}, dojo.create("div", null, map.root)); infoWindow.startup(); map.setInfoWindow(infoWindow);

Re: Info Window - Version 3.4 of the JavaScript API

LucasScharenbroich — Sat, 11 Dec 2021 17:12:22 GMT

I just had to do this myself today. Here's what I ended up with. It creates the InfoWindow first and passes it via the Map constructor options rather than setting it after the map is created. This assumes you have an element with an id of "map" in your DOM.

This may not be correct if the InfoWindow domNode really has to be attached to map.root.

define(["dojo/dom-construct", "esri/dijit/InfoWindow", "esri/map"],
    function(domConstruct, InfoWindow, Map) {
        var infoWindow = new InfoWindow({}, domConstruct.create("div", null, "map"));
        infoWindow.startup();
               
        var map = new Map("map", {
            infoWindow: infoWindow
        });
    }
);

Re: Info Window - Version 3.4 of the JavaScript API

deleted-user-ATjHIWsdQYmT — Sat, 11 Dec 2021 17:12:25 GMT

I have tried using Kelly's suggestion above but I am getting the following error:
"SCRIPT5007: Unable to get value of the property 'dijit': object is null or undefined"
The error happens on the line that the infoWindow is being created.

my code:

   map = new esri.Map("mapDiv", {
             extent: initialExtent,
             logo: false,
             fadeOnZoom: true
             });
                   
          var infoWindow = new esri.esri.dijit.InfoWindow({}, dojo.create("div", null, map.root));
          infoWindow.startup();
          map.setInfoWindow(infoWindow);

Re: Info Window - Version 3.4 of the JavaScript API

KellyHutchins — Wed, 03 Apr 2013 19:09:35 GMT

Hi Andrew,

Try adding a dojo.require to your app for the info window. For example:

dojo.require("esri.dijit.InfoWindow");

Kelly

Re: Info Window - Version 3.4 of the JavaScript API

bobcarr — Sat, 11 Dec 2021 17:12:28 GMT

Here's a code snippet showing how to use the old info window instead of the popup. Note that the sample points to esri.esri.dijit.InfoWindow at the next version of the api (3.5) we'll fix this so you just need to enter esri.dijit.InfoWindow.
var map = new esri.Map("map", {
  basemap: "streets",
  center:  [-98.215, 38.382],
  zoom:    7
});

var infoWindow = new esri.esri.dijit.InfoWindow({}, dojo.create("div", null, map.root));
infoWindow.startup();
map.setInfoWindow(infoWindow);

Thank you for posting this snippet. Using this, our web map now displays the traditional infoWindow.