Latest Contributions by JonathanUihlein

One of these examples should help, although they are non-AMD style. https://developers.arcgis.com/en/javascript/jssamples/widget_extendInfowindow.html https://developers.arcgis.com/en/javascript/jssamples/widget_formatInfoWindow.html https://developers.arcgis.com/en/javascript/jssamples/popup_chart.html ... View more

Incorrect. This sample uses a dijit/TooltipDialog with mouse-over and mouse-out events. Nothing to do with infoWindow. This code listens for onMouseOver to display an InfoWindow when the mouse hovers over a graphic. Taken from the description on your sample page. * * * After inspecting rjulich's code, I see that they are already using an infoWindow. [HTML]dojo.connect(glayer, "onClick", function (evt) {     map.infoWindow.setContent(g.getContent());     map.infoWindow.setTitle(g.getTitle());     map.infoWindow.show(evt.screenPoint, map.getInfoWindowAnchor(evt.screenPoint)); });[/HTML] However, it seems that they want to be able to show a small infoWindow on hover, and a larger infoWindow on click. I think it would be less work to continue using infoWindows rather than a TooltipDialog, which accomplishes the exact same thing in this specific circumstance. rjulich can create a mouse hover event for showing and hiding the infoWindow, just like Ben did with the TooltipDialog. I would also suggest trying the AMD style of Dojo, if you are feeling adventurous. ... View more

The sample that btfou posted uses an InfoWindow. Try starting with the infoWindow documentation & samples. Doc: https://developers.arcgis.com/en/javascript/jsapi/infowindow-amd.html Sample: https://developers.arcgis.com/en/javascript/jshelp/intro_infowindow.html ... View more

Between the textual overlap and the extra scrollbar, I'm thinking this issue is related to when you call startup on that second dgrid. You may be calling startup on the dgrid too early (I ran into the same issue a few weeks ago). Try calling startup on the grid after the main document parser has been run. If that doesn't work, can you provide additional code, or recreate the issue in a JSFiddle? ... View more

I know that the JSAPI uses a Dojo Chart for that specific example (http://dojotoolkit.org/documentation/tutorials/1.9/charting/). You have two realistic options: 1) Make the charts manually/programmatically so you have full control of the styling and behavior 2) Change the current CSS of the chart to auto-expand when the infoWindow is maximized (the chart is made with SVG). This option feels like much more work than option 1. Documentation: https://developers.arcgis.com/en/javascript/jsapi/popuptemplate-amd.html https://developers.arcgis.com/en/javascript/jshelp/intro_popuptemplate.html https://developers.arcgis.com/en/javascript/jshelp/intro_customizepopup.html Bonus: Dojo Themes http://download.dojotoolkit.org/release-1.5.0/dojo-release-1.5.0/dojox/charting/tests/theme_preview.html ... View more

http://dojotoolkit.org/reference-guide/1.9/dijit/Tree.html http://dojotoolkit.org/reference-guide/1.9/dijit/Tree-examples.html http://archive.dojotoolkit.org/nightly/dojotoolkit/dijit/tests/tree/test_Tree_v1.html Hope this helps! ... View more

map.on("load", function(){map.hideZoomSlider();}); Works for me. Sample here: http://jsfiddle.net/WrQe4/ ... View more

There is not enough information here to help troubleshoot the actual problem so can you replicate the issue in a JSFiddle? If you are using a standard dojo data grid, have you checked the Dojo API? Also, have you looked into dgrid? http://dojofoundation.org/packages/dgrid/ ... View more

No problem! You'll notice very quickly that a lot of the samples and tutorials on the API are using an older implementation of Dojo. However, the new AMD style of Dojo is highly recommended and works very well with the newest version of the JSAPI. This link is very helpful is discussing the new AMD style that Dojo is promoting: https://developers.arcgis.com/en/javascript/jshelp/whats_new.html Let me know if you have any questions. ... View more

Thanks for posting a sample Jeff. His sample is adapted from this tutorial: https://developers.arcgis.com/en/javascript/jstutorials/intro_firstmap_amd.html This link goes over the new AMD style using require: https://developers.arcgis.com/en/javascript/jshelp/whats_new.html ... View more

These samples are very old (they are using version 1.2 of the API, instead of 3.5). Check the recently-updated API for samples and tutorials. This is a good start: https://developers.arcgis.com/en/javascript/jstutorials/intro_firstmap_amd.html Hope this helps. ... View more

I think your webmap is set up incorrectly so I am unable to offer any further advice. Hopefully you find the answers you seek; I wish I could be more helpful! I would love to know why this doesn't work if someone else can jump in and provide some answers 🙂 Remember to mark useful posts and to mark the thread as 'answered' when someone provides a legitimate answer. ... View more

I wish I could provide an answer to that question but to be honest I have no idea. I'm mainly a JS guy. How I edited the webmap: 1) Went to http://jsapi.maps.arcgis.com/home/webmap/viewer.html?webmap=ec7080edfb7c4197989dee3c6207264c (or rather, made a duplicate of your webmap, but the above is yours) 2) Clicked Content Tab 3) Click the 'down-arrow' next to 'Basemap Color' 4) Selected Transparency - changed to 100% transparent Pic of steps: [ATTACH=CONFIG]25893[/ATTACH] *NOTE You need to use setBasemap(); in code after loading the webmap because otherwise a basemap will not show at all. Hopefully you find the answers you seek; I wish I could be more helpful! ... View more

Hey Aaron, I may have found a temporary solution. I created a copy of your webmap and made some changes. I was able to successfully change the basemap via code with the following steps: 1) Change the 'Basemap Color' layer of your webmap to 100% transparent in the webmap interface 2) Use map1.setBasemap('topo'); This fixed the problem. The basemap you were using in the webmap didn't seem to be implemented correctly so you can either change the 'Basemap Color' layer to 100% transparent or remove that layer completely. For some reason,the basemap you are using in your current webmap is being treated like a standard layer and not an actual basemap ( I have no idea why ). My code (using the edited webmap): [HTML]<!DOCTYPE html> <html>     <head>         <meta http-equiv="Content-Type" content="text/html; charset=utf-8">         <meta http-equiv="X-UA-Compatible" content="IE=7,IE=9">         <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">         <title>Basemap Test</title>         <link rel="stylesheet" href="http://serverapi.arcgisonline.com/jsapi/arcgis/3.5/js/dojo/dijit/themes/claro/claro.css" /> <link rel="stylesheet" href="http://serverapi.arcgisonline.com/jsapi/arcgis/3.5/js/esri/css/esri.css" type="text/css"/> <script src="http://serverapi.arcgisonline.com/jsapi/arcgis/3.5/"></script> <script type="text/javascript"> require(['esri/arcgis/utils',   'esri/dijit/BasemapLayer',   'esri/dijit/Basemap',   'dojo/ready',   'esri/layers/ArcGISTiledMapServiceLayer' ], function(esriUtils,esriBasemapLayer,esriBasemap,ready, ArcGISTiledMapServiceLayer){        var webmapID = '2e3365c4e32d45138fa5c3c115eaf66b';        ready(function(){    var mapDeferred = new esriUtils.createMap(webmapID,'map1');    mapDeferred.then(function(response){           var map1 = response.map;     map1.setBasemap('topo');     //var baseMapLayer = new ArcGISTiledMapServiceLayer("http://services.portlandmaps.com/ags/rest/services/Public/Basemap_Gray/MapServer");     // map1.addLayer(baseMapLayer);    });           var mapDeferred2 = new esriUtils.createMap(webmapID,'map2');         mapDeferred2.then(function(response){          var map2 = response.map;     var grayB = new ArcGISTiledMapServiceLayer( 'http://services.portlandmaps.com/ags/rest/services/Public/Basemap_Gray/MapServer');     var grayBase = new esriBasemap({      layers: [grayB],      title: 'Gray Basemap',      thumbnailUrl: 'http://services.portlandmaps.com/ags/rest/services/Public/Basemap_Gray/MapServer/info/thumbnail'           });      //map2.addLayer(grayBase);        map2.setBasemap(grayBase);               });   });//end ready }); </script> </head> <body class="claro">   <div id="map1"></div>   <div id="map2"></div> </body> </html> [/HTML] This is what my site looks like: [ATTACH=CONFIG]25892[/ATTACH] ... View more

Not sure how much this helps, but I got the basemap to change by using the following code:            var baseMapLayer = new ArcGISTiledMapServiceLayer("http://services.portlandmaps.com/ags/rest/services/Public/Basemap_Gray/MapServer"); map1.addLayer(baseMapLayer); I added the above two lines after "var map1 = response.map;" You'll also need to change your require statement. require(["esri/layers/ArcGISTiledMapServiceLayer", ... ], function(ArcGISTiledMapServiceLayer, ... ){ ... }); API Ref: https://developers.arcgis.com/en/javascript/jsapi/arcgistiledmapservicelayer-amd.html ... View more