Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Cancel
- Home
- :
- About KellyHutchins
KellyHutchins
Esri Notable Contributor
since
06-19-2014
Wednesday
2622
Posts created
155
Kudos given
481
Solutions
941
Kudos received
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
My Ideas
(0 Idea Submissions)Latest Contributions by KellyHutchins
|
POST
|
Glen, I made a few changes and here's a working version that uses a full-screen map. Basically I put the Title Pane within the map div tags.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!--The viewport meta tag is used to improve the presentation and behavior of the samples
on iOS devices-->
<meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"/>
<title>
</title>
<link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/2.1/js/dojo/dijit/themes/claro/claro.css">
<style type="text/css">
html, body { height: 100%; width: 100%; margin: 0; padding: 0; }
#map{
padding:0;
}
</style>
<script type="text/javascript">
var djConfig = {
parseOnLoad: true
};
</script>
<script type="text/javascript" src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=2.1"></script>
<script type="text/javascript">
dojo.require("dijit.dijit"); // optimize: load dijit layer
dojo.require("dijit.layout.BorderContainer");
dojo.require("dijit.layout.ContentPane");
dojo.require("esri.map");
dojo.require("esri.virtualearth.VETiledLayer");
dojo.require("dijit.TitlePane");
dojo.require("esri.dijit.BasemapGallery");
dojo.require("esri.arcgis.utils");
dojo.require("dijit.layout.TabContainer");
var map = null;
function init() {
var initExtent = new esri.geometry.Extent({"xmin":-11727455.861413078,"ymin":4861652.558126574,"xmax":-11706340.132349325,"ymax":4871512.934775349,"spatialReference":{"wkid":102100}});
map = new esri.Map("map",{extent:initExtent});
var initBasemap = new esri.layers.ArcGISTiledMapServiceLayer("http://server.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer");
map.addLayer(initBasemap);
createBasemapGallery();
dojo.connect(dijit.byId('map'), 'resize', resizeMap);
}
function createBasemapGallery() {
var basemapGallery = new esri.dijit.BasemapGallery({
showArcGISBasemaps: true,
bingMapsKey: 'Av1bH4keF8rXBtxWOegklgWGCYYz8UGYvBhsWKuvc4Z15kT76xVFOERk8jkKEDvT',
map: map
}, "basemapGallery");
basemapGallery.startup();
dojo.connect(basemapGallery, "onError", function(msg) {console.log(msg)});
}
function resizeMap() {
//resize the map when the browser resizes - view the 'Resizing and repositioning the map' section in
//the following help topic for more details http://help.esri.com/EN/webapi/javascript/arcgis/help/jshelp_start.htm#jshelp/inside_guidelines.htm
var resizeTimer;
clearTimeout(resizeTimer);
resizeTimer = setTimeout(function() {
map.resize();
map.reposition();
}, 500);
}
//show map on load
dojo.addOnLoad(init);
</script>
</head>
<body class="claro">
<div dojotype="dijit.layout.BorderContainer" design="headline" gutters="false" style="width:100%;height:100%;margin:0;">
<div id="map" dojotype="dijit.layout.ContentPane" region="center" style="border:1px solid #000;padding:0;">
<div style="position:absolute;width:500px;height:500px; right:175px; top:10px; z-Index:999;">
<div dojoType="dijit.TitlePane" title="Switch Basemap" closable="false" open="true">
<div id="tabContainer" dojoType="dijit.layout.TabContainer" style="width:100%; height:100%">
<div id="one" dojoType="dijit.layout.ContentPane" title="Tab 1" selected="true">
Tab 1 content
</div>
<div id="two" dojoType="dijit.layout.ContentPane" title="Tab 2">
Tab 2 content
</div>
<div id="three" dojoType="dijit.layout.ContentPane" title="Tab 3">
Tab 3 content
</div>
</div>
</div>
</div>
</div>
</body>
</html>
... View more
01-06-2011
06:49 AM
|
0
|
0
|
2694
|
|
POST
|
Do you have a link to a test app that shows the problem?
... View more
01-05-2011
11:47 AM
|
0
|
0
|
447
|
|
POST
|
I created a quick test page and wasn't able to reproduce the issue. I have seen a similar issue when trying to display a tab container in a closed title pane, but it doesn't look like that's the case in your code. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!--The viewport meta tag is used to improve the presentation and behavior of the samples
on iOS devices-->
<meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"/>
<title>
</title>
<link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/2.1/js/dojo/dijit/themes/claro/claro.css">
<style type="text/css">
html, body { height: 100%; width: 100%; margin: 0; padding: 0; }
#map{
padding:0;
}
</style>
<script type="text/javascript">
var djConfig = {
parseOnLoad: true
};
</script>
<script type="text/javascript" src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=2.1"></script>
<script type="text/javascript">
dojo.require("dijit.dijit"); // optimize: load dijit layer
dojo.require("dijit.layout.BorderContainer");
dojo.require("dijit.layout.ContentPane");
dojo.require("esri.map");
dojo.require("esri.virtualearth.VETiledLayer");
dojo.require("dijit.TitlePane");
dojo.require("esri.dijit.BasemapGallery");
dojo.require("esri.arcgis.utils");
dojo.require("dijit.layout.TabContainer");
var map = null;
function init() {
var initExtent = new esri.geometry.Extent({"xmin":-11727455.861413078,"ymin":4861652.558126574,"xmax":-11706340.132349325,"ymax":4871512.934775349,"spatialReference":{"wkid":102100}});
map = new esri.Map("map",{extent:initExtent});
var initBasemap = new esri.layers.ArcGISTiledMapServiceLayer("http://server.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer");
map.addLayer(initBasemap);
createBasemapGallery();
dojo.connect(dijit.byId('map'), 'resize', resizeMap);
}
function createBasemapGallery() {
var basemapGallery = new esri.dijit.BasemapGallery({
showArcGISBasemaps: true,
bingMapsKey: 'Av1bH4keF8rXBtxWOegklgWGCYYz8UGYvBhsWKuvc4Z15kT76xVFOERk8jkKEDvT',
map: map
}, "basemapGallery");
basemapGallery.startup();
dojo.connect(basemapGallery, "onError", function(msg) {console.log(msg)});
}
function resizeMap() {
//resize the map when the browser resizes - view the 'Resizing and repositioning the map' section in
//the following help topic for more details http://help.esri.com/EN/webapi/javascript/arcgis/help/jshelp_start.htm#jshelp/inside_guidelines.htm
var resizeTimer;
clearTimeout(resizeTimer);
resizeTimer = setTimeout(function() {
map.resize();
map.reposition();
}, 500);
}
//show map on load
dojo.addOnLoad(init);
</script>
</head>
<body class="claro">
<div dojotype="dijit.layout.BorderContainer" design="headline" gutters="false" style="width:100%;height:100%;margin:0;">
<div id="map" dojotype="dijit.layout.ContentPane" region="center" style="border:1px solid #000;padding:0;"></div>
<div dojotype="dijit.layout.ContentPane" region="right" style="width:35%;">
<div dojoType="dijit.TitlePane" title="Switch Basemap" closable="false" open="true">
<div id="tabContainer" dojoType="dijit.layout.TabContainer" style="width:100%; height:100%">
<div id="one" dojoType="dijit.layout.ContentPane" title="Tab 1" selected="true">
Tab 1 content
</div>
<div id="two" dojoType="dijit.layout.ContentPane" title="Tab 2">
Tab 2 content
</div>
<div id="three" dojoType="dijit.layout.ContentPane" title="Tab 3">
Tab 3 content
</div>
</div>
</div>
</div>
</div>
</body>
</html>
... View more
01-05-2011
11:42 AM
|
0
|
0
|
2694
|
|
POST
|
Sounds good Steve, I'll try a few different tests as well to see if I can reproduce here as well. Hi Kelly, Your legend works fine for me, so I'm not sure what the problem is. Once our web server is outwardly facing I'll get you to try it and see if we can reproduce the problem. Cheers, Steve
... View more
01-04-2011
07:38 AM
|
0
|
0
|
3208
|
|
POST
|
The sample is in the Feature Layer folder and is called 'Format Info Window', here's the link again hopefully it'll work this time: http://help.arcgis.com/EN/webapi/javascript/arcgis/demos/fl/fl_infowindow.html You can't directly format the dates in the info window at this release, you have to listen for the layer's click event and format the contents of the info window there. At version 2.2 this will no longer be necessary. dojo.connect(featureLayer, 'onClick', function(e) {
/*some of the values have a quote in the name - remove that then split the string
to separate the common and scientific names. */
var attr = e.graphic.attributes.qSpecies.replace('"', "").split("::");
//if the common name isn't included display the scientific name instead.
var commonName = dojo.string.trim((attr[1] === "") ? attr[0] : attr[1]);
//wikipedia uses the genus_species so build that value to append to wikipedia url
var scientificName = dojo.string.substitute("${0}_${1}", attr[0].split(" "));
//populate the info window
map.infoWindow.setTitle(e.graphic.attributes.qAddress);
map.infoWindow.setContent("<b>" + commonName + "</b><br /><a target='_blank' href=http://en.wikipedia.org/wiki/" + scientificName + ">Wikipedia Entry</a>");
map.infoWindow.show(e.screenPoint, map.getInfoWindowAnchor(e.screenPoint));
});
... View more
12-30-2010
08:46 AM
|
0
|
0
|
1464
|
|
POST
|
Steve and Jeff, I updated a service to try and reproduce the problem but my legend doesn't display multiple items. The test service is public: https://servicesbeta.esri.com/ArcGIS/rest/services/SanJuan/Trails/MapServer The Trail Conditions layer has a unique value renderer and I grouped two of the items (maintenance and bridge). I also created a group layer (Trails, Regional Trail Conditions) just in case that was the issue. I then modified the Legend Widget sample from the help to use the San Juan layer and in my tests there are no duplicate items. Is there something in your service that is substantially different?
... View more
12-29-2010
01:20 PM
|
0
|
0
|
3208
|
|
POST
|
Eric, I haven't noticed this issue, is it only reproducible with a particular version of IE? Any details you can provide on how to reproduce the issue would be helpful. Thanks Kelly
... View more
12-29-2010
07:48 AM
|
0
|
0
|
2922
|
|
POST
|
At 2.2 we are making some changes to simplify this process but for now here's a sample that shows how to format the contents of an info window. This sample formats string values but could be modified to format numeric or date values. http://help.arcgis.com/EN/webapi/jav...nfowindow.html For date formatting you can use dojo.date.locale.format, the 'Page through records in a table' sample uses this to format date values: http://help.arcgis.com/en/webapi/javascript/arcgis/help/jssamples_start.htm#jssamples/fl_paging.html
... View more
12-28-2010
07:21 AM
|
0
|
0
|
1464
|
|
POST
|
Looks like you might be running into the issue described in this post: http://forums.esri.com/Thread.asp?c=158&f=2396&t=262200
... View more
12-23-2010
07:16 AM
|
0
|
0
|
653
|
|
POST
|
Do you have a test service that shows the problem? Any response from ESRI? What's the best way to submit this as a bug report, given that I'm an EDN customer so don't have access to the full tech support? Thanks, Steve
... View more
12-16-2010
10:54 AM
|
0
|
0
|
3208
|
|
POST
|
You have to add a dojo.require to your application to include the geometry service: dojo.require("esri.tasks.geometry"); More details on the compact build can be found here: http://help.arcgis.com/en/webapi/javascript/arcgis/help/jshelp_start.htm#jshelp/inside_compactbuild.htm
... View more
12-11-2010
08:14 AM
|
0
|
0
|
912
|
|
POST
|
On a related note its not necessary to specify all the values for the layer definition. Here's a simple layer definition that worked for me in your test application.
var mylayerDefinition = {
"geometryType": "esriGeometryPoint",
"drawingInfo": {
"renderer": {
"type": "simple",
"symbol": {
"type": "esriPMS",
"url": "reddot.png",
"imageData": "iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oGGBcGLvZ5AIUAAATDSURBVFjD3Zg/aBt3FMe/v9+d7iSfUnNClAolFWnsRaF4LKU2HrK4hJYMKUQiJRRClnbKEE8Z2s1Dh9Bkryk+OoQshZAlhGIPaUpxlIDbRgqOIlSZoNxhx2fpTr8/HXynKLXTnGQr/fPgkE7ip/vovff7vvd7REqJfswpFpMAJgFMABgLrt2sElwlAEuXT1mb4RcXP371c0hUMKdYfAvAGQAzGMxuAJi/fMpa2xewHUCaBppKQclmQVMpkNHRXdfJ9XUI2wav1yFsG/D9FwBNy1obGMwpFicBzAJIQtOgZDJQ83kQw+jLVdJ1wVZWwBuNEHATwJxpWUt9gznF4ucATgKAkssNBPRSwGo1/OiqaVlXIoM5xeJsGLrYxASU8XHsp/FyGZ1SqRta07LmXgnW9ZSmQZ+aAjFNDMOk48BbXAxDu8NzdJecOglgqFAAQEwT+tRUeHsyePZOsGD3zYbhGyZUL1xsYiK8nQ0YdnjsDICkksvte079nSnj41ByOQBIBgzPwQLSGWga1Hwer9vUfB7QNACYCb1Ge7wFJZPZsyQMFFLDgJLJ9EYOxC4UkgB+gKZBP3asfzAhCACAse1XVd3e5pTKfjXOu3kz3KUfqUFB3i4v/UAJQcAYla2WIl1XlZ5HAYDouiCGwUgiwaGqIiogMQzQVApibQ0AJtWgS4CSzfYFJT1PkY6jiWYz7t+5M8qr1Th8H/TgwbY+Pb1O0+k2MU2f6DqPCqdksyHYhBq2LTSVig7GGJWOo7FK5Y3VhYVDP3U6I+/HYuSxELjZaMj37t7d+rBQqKn5/AZJpz1oGo/ysz0MYzQEe1mXsKu3Wi1FNJvx3xcWDmVzOePTS5fIOxcu4IPjx3EhmSRLvm98b1mHRLMZl62W0s3DV4XzOcMYHbAYq/7t26M/et5IolCAePIEfHUVvFaDKyWyioLvWq2R9vXro9J11YEkpO8VjBHpeZRVKvF3YzHCHz6E2NgAr9XAy2U8ZgwtKdEUgjx59Cie8zwKxgg0TQ4XLDTfx5oQ6Ny/D9Fsom3b+EMIVDlHhTE0hQDvs21/aRGP9ldUSXRdKEeOtG95nmw/eICnT5/iAWP4tdPBPcZwjzFsCSEz2Wyb6LroattQwbY1h+nT0+uTmrb1tevilwDo504HtzwPq5zj7MjIVvzEiXViGGxQj1XCHj3aCipJIsFpOt3+pFCovUmp++WzZ/Ib18W3W1v4jTH5WSLhfnX6dI2m022SSETWsR6GihqAjQnbhhJVMlRVENP0Y0ePbnxx/vzDs9eujdYbjTgD8HYq1U4UCl2BhaqKyLpt2y+AlQDM8HodyuHD0b2m65yk0x4xDDZy7lx7bI8lCQB4vR6+LakAlgDMCtuGdN3o9ZJSCU3jRFUFOXCgsx9FvMdjS9S0rE0AN+D7YCsrA2QplQGkgKaJ7n2/8riyEnYWN0zL2gx35TwA8EYD0nVfez8mXXf7zNnDQgEgOBUP7rU9Wmd5uddba3/VsXkAm7xaBS+XXxsUL5fDVmcTwJUdAhuQzgFAp1SCdJzhh9Bxeg++c0G+71T+YJZwFQC8xcWhwnUPvM9HBUv/zRHBsIcqneXlMKf6H6r8q8dQQx7cXelN9P/XqPOfGg7/CVtbtVwfC2pGAAAAAElFTkSuQmCC",
"contentType": "image/png",
"width": 15,
"height": 15
}
}
},
"fields": [{
"name": "name",
"type": "esriFieldTypeString",
"alias": "Name",
"length": 50
}]
};
... View more
12-08-2010
11:37 AM
|
0
|
0
|
1529
|
|
POST
|
It looks like you'll need to specify the url to the symbol for this to work in IE 8. If the url property doesn't contain http:// it assumes that the location is relative.
"symbol": {
"type": "esriPMS",
"url": "http://somename/somelocation/reddot.png",
"imageData": "iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oGGBcGLvZ5AIUAAATDSURBVFjD3Zg/aBt3FMe/v9+d7iSfUnNClAolFWnsRaF4LKU2HrK4hJYMKUQiJRRClnbKEE8Z2s1Dh9Bkryk+OoQshZAlhGIPaUpxlIDbRgqOIlSZoNxhx2fpTr8/HXynKL.........
... View more
12-08-2010
11:36 AM
|
0
|
0
|
1529
|
|
POST
|
You can increase the size of the symbol swatches using something like this: .esriLegendService img{
width:55px;
}
... View more
12-06-2010
09:50 AM
|
0
|
0
|
2987
|
|
POST
|
The Map.graphics object is only available after the map's onLoad event has fired. For example:
dojo.connect(map, "onLoad", function() { ShowLocation(-81.3765, 28.54175); });
function ShowLocation(x, y)
{
var point = new esri.geometry.Point(x, y, new esri.SpatialReference({wkid:4326}));
var simpleMarkerSymbol = new esri.symbol.SimpleMarkerSymbol();
var graphic = new esri.Graphic(point, simpleMarkerSymbol);
map.graphics.add(graphic);
}
... View more
12-06-2010
07:55 AM
|
0
|
0
|
1454
|
My kudoed posts
| Title | Kudos | Posted |
|---|---|---|
| 1 | 03-31-2026 08:27 AM | |
| 1 | 03-26-2026 09:07 AM | |
| 1 | 03-26-2026 10:11 AM | |
| 1 | 03-24-2026 02:23 PM | |
| 1 | 03-17-2026 02:50 PM |
Activity Feed
- Posted Re: Attachment Viewer alt text on ArcGIS Instant Apps Questions. Wednesday
- Posted Re: How was this Zone Lookup Map made? on ArcGIS Instant Apps Questions. 2 weeks ago
- Posted Re: Instant App suddenly unavailable to view or configure on ArcGIS Instant Apps Questions. 2 weeks ago
- Posted Re: Sidebar Template Information Tools Not Responsive on ArcGIS Instant Apps Questions. 3 weeks ago
- Posted Re: Sidebar Template Information Tools Not Responsive on ArcGIS Instant Apps Questions. 3 weeks ago
- Posted Re: Sidebar Template Information Tools Not Responsive on ArcGIS Instant Apps Questions. 3 weeks ago
- Posted Re: Zone Lookup Push Pins missing from map outside of zones on ArcGIS Instant Apps Questions. 3 weeks ago
- Posted Re: Accessibility problem: Screen reader not reading part of the app on ArcGIS Instant Apps Questions. a month ago
- Posted Re: Customizing font size and boldness for locator placeholder text in Zone Lookup App on ArcGIS Instant Apps Questions. 04-02-2026 02:10 PM
- Posted Re: Zone Lookup not working. on ArcGIS Instant Apps Questions. 04-02-2026 01:45 PM
- Got a Kudo for Re: Opacity widget in Basic (Media Map) Instant App. 03-31-2026 02:20 PM
- Posted Re: Opacity widget in Basic (Media Map) Instant App on ArcGIS Instant Apps Questions. 03-31-2026 08:27 AM
- Got a Kudo for Re: Opacity widget in Basic (Media Map) Instant App. 03-27-2026 02:23 PM
- Got a Kudo for Re: Opacity widget in Basic (Media Map) Instant App. 03-27-2026 01:16 AM
- Posted Re: Can't select a layer source in search configuration on ArcGIS Instant Apps Questions. 03-26-2026 10:34 AM
- Posted Re: Opacity widget in Basic (Media Map) Instant App on ArcGIS Instant Apps Questions. 03-26-2026 10:11 AM
- Posted Re: Opacity widget in Basic (Media Map) Instant App on ArcGIS Instant Apps Questions. 03-26-2026 09:07 AM
- Got a Kudo for Re: Can't select a layer source in search configuration. 03-25-2026 03:31 PM
- Got a Kudo for Re: Accessibility Issues: Buttons must have discernible text - Round 2. 03-25-2026 12:01 PM
- Posted Re: Add mouse hover behaviors on features on ArcGIS Online Ideas. 03-25-2026 09:46 AM
Contact Me
| Online Status |
Offline
|
| Date Last Visited |
Wednesday
|