topic Can't get checkbox to work in ArcGIS JavaScript Maps SDK Questions https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/can-t-get-checkbox-to-work/m-p/393111#M36272 <HTML><HEAD></HEAD><BODY><SPAN>Hey everybody,</SPAN><BR /><BR /><SPAN>I was looking at </SPAN><A class="jive-link-external-small" href="http://jsfiddle.net/D3J8H/12/" rel="nofollow" target="_blank">this </A><SPAN>example, that lets me toggle layers via checkboxes. I tried to implement it into my application, but I just can't get it to work. Everything works, but the checkboxes won't show up in my TOC.</SPAN><BR /><BR /><PRE class="plain" name="code">&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &nbsp; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt; &nbsp; &lt;!--The viewport meta tag is used to improve the presentation and behavior of the samples &nbsp;&nbsp;&nbsp; on iOS devices--&gt; &nbsp; &lt;meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"&gt; &nbsp; &lt;title&gt;Map with legend&lt;/title&gt;&nbsp; &nbsp; &lt;link rel="stylesheet" href="http://js.arcgis.com/3.8/js/dojo/dijit/themes/tundra/tundra.css"&gt; &nbsp; &lt;link rel="stylesheet" href="http://js.arcgis.com/3.8/js/esri/css/esri.css"&gt; &nbsp; &lt;style&gt; &nbsp;&nbsp;&nbsp; html, body { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; height: 97%; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; width: 98%; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; margin: 1%; &nbsp;&nbsp;&nbsp; }&nbsp; &nbsp;&nbsp;&nbsp; #rightPane { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; width: 30%; &nbsp;&nbsp;&nbsp; }&nbsp; &nbsp;&nbsp;&nbsp; #pane1 { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; border: solid #97DCF2 1px; &nbsp;&nbsp;&nbsp; } &nbsp;&nbsp;&nbsp; #header{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; border: solid #C0C0C0 2px; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; background-color:#C0C0C0 &nbsp;&nbsp;&nbsp; } &nbsp;&nbsp;&nbsp; #HomeButton { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; position: absolute; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; top: 98px; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; left: 26px; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; z-index: 50; &nbsp;&nbsp;&nbsp; } &nbsp;&nbsp;&nbsp; #legendPane { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; border: solid #97DCF2 1px; &nbsp;&nbsp;&nbsp; } &nbsp; &lt;/style&gt; &nbsp;&nbsp; &nbsp; &lt;script src="http://js.arcgis.com/3.8/"&gt;&lt;/script&gt; &nbsp; &lt;script&gt;&nbsp; &nbsp;&nbsp;&nbsp; var map; &nbsp;&nbsp;&nbsp; require([ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "dojo/parser", "esri/map", "esri/dijit/HomeButton", "esri/layers/FeatureLayer", "dojo/on", "esri/dijit/Legend", "dojo/_base/array", "dijit/form/CheckBox",&nbsp; "esri/dijit/BasemapGallery", "esri/dijit/Geocoder", &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "esri/graphic", "esri/symbols/SimpleMarkerSymbol", "esri/geometry/screenUtils", "dijit/layout/BorderContainer", "dijit/layout/ContentPane", "dijit/layout/AccordionContainer", "dojo/domReady!" &nbsp;&nbsp;&nbsp; ], function( &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; parser, Map, HomeButton, FeatureLayer, on, Legend, array, CheckBox, BasemapGallery, Geocoder, Graphic, SimpleMarkerSymbol, screenUtils, Color,&nbsp; domConstract, BorderContainer, ContentPane, AccordionContainer &nbsp;&nbsp;&nbsp; ) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; parser.parse(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //Create the map &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var map = new Map("map", { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; center: [-80.734, 28.297], &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; zoom: 10, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; basemap: "topo" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //Add a home button &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var home = new HomeButton({ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map:map &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }, "HomeButton"); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; home.startup(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //Add Feature Layers&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var cities = new FeatureLayer( &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Specialty/ESRI_StatesCitiesRivers_USA/MapServer/0", { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; mode: FeatureLayer.MODE_ONDEMAND, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; outFields: ["*"] &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var rivers = new FeatureLayer( &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Specialty/ESRI_StatesCitiesRivers_USA/MapServer/1", { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; mode: FeatureLayer.MODE_ONDEMAND, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; outFields: ["*"] &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var states = new FeatureLayer( &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Specialty/ESRI_StatesCitiesRivers_USA/MapServer/2", { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; mode: FeatureLayer.MODE_ONDEMAND, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; opacity: 0.5, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; outFields: ["*"] &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; });&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //add the legend &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map.on("layers-add-result", function (evt) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var layerInfo = array.map(evt.layers, function (layer, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; index) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; layer: layer.layer, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; title: layer.layer.name &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if (layerInfo.length &gt; 0) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var legendDijit = new Legend({ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map: map, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; layerInfos: layerInfo &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }, "legendDiv"); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; legendDijit.startup(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //add check boxes &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; array.forEach(layerInfo,&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; function (layer) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var layerName = layer.title; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var checkBox = new CheckBox({ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; name: "checkBox" + layer.layer.id, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; value: layer.layer.id, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; checked: layer.layer.visible, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; onChange: function (evt) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var clayer = map.getLayer(this.value); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; clayer.setVisibility(!clayer.visible); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; this.checked = clayer.visible; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //add the check box and label to the TOC &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; domConstruct.place(checkBox.domNode, "toggle", &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "after"); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var checkLabel = domConstruct.create('label', { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 'for': checkBox.name, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; innerHTML: layerName &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }, checkBox.domNode, "after"); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; domConstruct.place("&lt;br /&gt;", checkLabel, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "after"); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map.addLayers([states, rivers, cities]); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //Create the Basemap &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var basemapGallery = new BasemapGallery({ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; showArcGISBasemaps: true, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map: map &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }, "basemapGallery"); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; basemapGallery.startup(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; basemapGallery.on("error", function(msg) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; console.log("basemap gallery error:&nbsp; ", msg); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //Create the Address Search &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; geocoder = new Geocoder ({ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; arcgisGeocoder: false, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; geocoders: [ { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; url: "http://&lt;server URL&gt;/gissrv/rest/services/Geocode/Address_Locator_WKID2881/GeocodeServer", &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; name: "Brevard County", &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; placeholder: "Find a place", &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; outfields: "*", &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }], &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map:map &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }, "search"); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; geocoder.startup(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; geocoder.on("select", showLocation); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // Zoom to the result and put a point &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; function showLocation(evt) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map.graphics.clear(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var point = evt.result.feature.geometry; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var symbol = new SimpleMarkerSymbol() &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; .setStyle("square") &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; .setColor(new Color([255,0,0,0.5])); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var graphic = new Graphic(point, symbol); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map.graphics.add(graphic);&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map.infoWindow.setTitle("Search Result"); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map.infoWindow.setContent(evt.result.name); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map.infoWindow.show(evt.result.feature.geometry); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }; &nbsp;&nbsp;&nbsp; }); &nbsp; &lt;/script&gt;&nbsp; &lt;/head&gt; &lt;body class="tundra"&gt; &lt;!--[if IE 7]&gt; &lt;style&gt; &nbsp; html, body { &nbsp;&nbsp;&nbsp; margin: 0; &nbsp; } &lt;/style&gt; &lt;![endif]--&gt; &lt;div id="content" &nbsp;&nbsp;&nbsp;&nbsp; data-dojo-type="dijit/layout/BorderContainer" &nbsp;&nbsp;&nbsp;&nbsp; data-dojo-props="design:'headline', gutters:true" &nbsp;&nbsp;&nbsp;&nbsp; style="width: 100%; height: 100%; margin: 0;"&gt; &nbsp; &lt;div id="header" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region:'top'"&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;strong&gt;Brevard County Test Map&lt;/strong&gt; &nbsp; &lt;/div&gt;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &lt;div id="rightPane" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; data-dojo-type="dijit/layout/ContentPane" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; data-dojo-props="region:'left'"&gt;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div data-dojo-type="dijit/layout/AccordionContainer"&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div data-dojo-type="dijit/layout/ContentPane" id="pane1" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; data-dojo-props="title:'Base Maps', selected:false"&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div id="basemapGallery"&gt;&lt;/div&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div data-dojo-type="dijit/layout/ContentPane" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; data-dojo-props="title:'Address Search'"&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div id="search"&gt;&lt;/div&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; i.e. 2725 Judge Fran Jamieson Way, Melbourne &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div data-dojo-type="dijit/layout/ContentPane" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; data-dojo-props="title:'Layers'"&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;span style="padding: 10px 0;"&gt;Click to toggle each layer on or off&lt;/span&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div id="toggle" style="padding: 2px 2px;"&gt;&lt;/div&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div data-dojo-type="dijit/layout/ContentPane" id="legendPane" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; data-dojo-props="title:'Legend', selected:true"&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div id="legendDiv"&gt;&lt;/div&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt; &nbsp;&nbsp;&nbsp; &lt;/div&gt; &nbsp; &lt;/div&gt; &nbsp; &lt;div id="map" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; data-dojo-type="dijit/layout/ContentPane" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; data-dojo-props="region:'center'" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; style="overflow:hidden;"&gt; &nbsp; &lt;div id="HomeButton"&gt;&lt;/div&gt; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &lt;/div&gt;&nbsp; &lt;/div&gt; &lt;/body&gt;&nbsp; &lt;/html&gt;</PRE><DIV style="display:none;"> </DIV><BR /><BR /><SPAN>Any help would be greatly appreciated!</SPAN><BR /><BR /><SPAN>Tim</SPAN></BODY></HTML> Mon, 10 Feb 2014 12:38:26 GMT TimWitt 2014-02-10T12:38:26Z Can't get checkbox to work https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/can-t-get-checkbox-to-work/m-p/393111#M36272 <HTML><HEAD></HEAD><BODY><SPAN>Hey everybody,</SPAN><BR /><BR /><SPAN>I was looking at </SPAN><A class="jive-link-external-small" href="http://jsfiddle.net/D3J8H/12/" rel="nofollow" target="_blank">this </A><SPAN>example, that lets me toggle layers via checkboxes. I tried to implement it into my application, but I just can't get it to work. Everything works, but the checkboxes won't show up in my TOC.</SPAN><BR /><BR /><PRE class="plain" name="code">&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &nbsp; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt; &nbsp; &lt;!--The viewport meta tag is used to improve the presentation and behavior of the samples &nbsp;&nbsp;&nbsp; on iOS devices--&gt; &nbsp; &lt;meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"&gt; &nbsp; &lt;title&gt;Map with legend&lt;/title&gt;&nbsp; &nbsp; &lt;link rel="stylesheet" href="http://js.arcgis.com/3.8/js/dojo/dijit/themes/tundra/tundra.css"&gt; &nbsp; &lt;link rel="stylesheet" href="http://js.arcgis.com/3.8/js/esri/css/esri.css"&gt; &nbsp; &lt;style&gt; &nbsp;&nbsp;&nbsp; html, body { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; height: 97%; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; width: 98%; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; margin: 1%; &nbsp;&nbsp;&nbsp; }&nbsp; &nbsp;&nbsp;&nbsp; #rightPane { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; width: 30%; &nbsp;&nbsp;&nbsp; }&nbsp; &nbsp;&nbsp;&nbsp; #pane1 { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; border: solid #97DCF2 1px; &nbsp;&nbsp;&nbsp; } &nbsp;&nbsp;&nbsp; #header{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; border: solid #C0C0C0 2px; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; background-color:#C0C0C0 &nbsp;&nbsp;&nbsp; } &nbsp;&nbsp;&nbsp; #HomeButton { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; position: absolute; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; top: 98px; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; left: 26px; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; z-index: 50; &nbsp;&nbsp;&nbsp; } &nbsp;&nbsp;&nbsp; #legendPane { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; border: solid #97DCF2 1px; &nbsp;&nbsp;&nbsp; } &nbsp; &lt;/style&gt; &nbsp;&nbsp; &nbsp; &lt;script src="http://js.arcgis.com/3.8/"&gt;&lt;/script&gt; &nbsp; &lt;script&gt;&nbsp; &nbsp;&nbsp;&nbsp; var map; &nbsp;&nbsp;&nbsp; require([ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "dojo/parser", "esri/map", "esri/dijit/HomeButton", "esri/layers/FeatureLayer", "dojo/on", "esri/dijit/Legend", "dojo/_base/array", "dijit/form/CheckBox",&nbsp; "esri/dijit/BasemapGallery", "esri/dijit/Geocoder", &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "esri/graphic", "esri/symbols/SimpleMarkerSymbol", "esri/geometry/screenUtils", "dijit/layout/BorderContainer", "dijit/layout/ContentPane", "dijit/layout/AccordionContainer", "dojo/domReady!" &nbsp;&nbsp;&nbsp; ], function( &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; parser, Map, HomeButton, FeatureLayer, on, Legend, array, CheckBox, BasemapGallery, Geocoder, Graphic, SimpleMarkerSymbol, screenUtils, Color,&nbsp; domConstract, BorderContainer, ContentPane, AccordionContainer &nbsp;&nbsp;&nbsp; ) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; parser.parse(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //Create the map &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var map = new Map("map", { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; center: [-80.734, 28.297], &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; zoom: 10, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; basemap: "topo" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //Add a home button &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var home = new HomeButton({ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map:map &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }, "HomeButton"); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; home.startup(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //Add Feature Layers&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var cities = new FeatureLayer( &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Specialty/ESRI_StatesCitiesRivers_USA/MapServer/0", { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; mode: FeatureLayer.MODE_ONDEMAND, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; outFields: ["*"] &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var rivers = new FeatureLayer( &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Specialty/ESRI_StatesCitiesRivers_USA/MapServer/1", { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; mode: FeatureLayer.MODE_ONDEMAND, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; outFields: ["*"] &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var states = new FeatureLayer( &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Specialty/ESRI_StatesCitiesRivers_USA/MapServer/2", { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; mode: FeatureLayer.MODE_ONDEMAND, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; opacity: 0.5, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; outFields: ["*"] &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; });&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //add the legend &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map.on("layers-add-result", function (evt) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var layerInfo = array.map(evt.layers, function (layer, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; index) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; layer: layer.layer, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; title: layer.layer.name &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if (layerInfo.length &gt; 0) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var legendDijit = new Legend({ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map: map, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; layerInfos: layerInfo &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }, "legendDiv"); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; legendDijit.startup(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //add check boxes &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; array.forEach(layerInfo,&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; function (layer) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var layerName = layer.title; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var checkBox = new CheckBox({ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; name: "checkBox" + layer.layer.id, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; value: layer.layer.id, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; checked: layer.layer.visible, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; onChange: function (evt) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var clayer = map.getLayer(this.value); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; clayer.setVisibility(!clayer.visible); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; this.checked = clayer.visible; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //add the check box and label to the TOC &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; domConstruct.place(checkBox.domNode, "toggle", &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "after"); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var checkLabel = domConstruct.create('label', { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 'for': checkBox.name, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; innerHTML: layerName &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }, checkBox.domNode, "after"); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; domConstruct.place("&lt;br /&gt;", checkLabel, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "after"); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map.addLayers([states, rivers, cities]); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //Create the Basemap &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var basemapGallery = new BasemapGallery({ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; showArcGISBasemaps: true, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map: map &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }, "basemapGallery"); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; basemapGallery.startup(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; basemapGallery.on("error", function(msg) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; console.log("basemap gallery error:&nbsp; ", msg); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //Create the Address Search &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; geocoder = new Geocoder ({ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; arcgisGeocoder: false, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; geocoders: [ { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; url: "http://&lt;server URL&gt;/gissrv/rest/services/Geocode/Address_Locator_WKID2881/GeocodeServer", &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; name: "Brevard County", &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; placeholder: "Find a place", &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; outfields: "*", &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }], &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map:map &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }, "search"); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; geocoder.startup(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; geocoder.on("select", showLocation); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // Zoom to the result and put a point &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; function showLocation(evt) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map.graphics.clear(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var point = evt.result.feature.geometry; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var symbol = new SimpleMarkerSymbol() &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; .setStyle("square") &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; .setColor(new Color([255,0,0,0.5])); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var graphic = new Graphic(point, symbol); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map.graphics.add(graphic);&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map.infoWindow.setTitle("Search Result"); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map.infoWindow.setContent(evt.result.name); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map.infoWindow.show(evt.result.feature.geometry); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }; &nbsp;&nbsp;&nbsp; }); &nbsp; &lt;/script&gt;&nbsp; &lt;/head&gt; &lt;body class="tundra"&gt; &lt;!--[if IE 7]&gt; &lt;style&gt; &nbsp; html, body { &nbsp;&nbsp;&nbsp; margin: 0; &nbsp; } &lt;/style&gt; &lt;![endif]--&gt; &lt;div id="content" &nbsp;&nbsp;&nbsp;&nbsp; data-dojo-type="dijit/layout/BorderContainer" &nbsp;&nbsp;&nbsp;&nbsp; data-dojo-props="design:'headline', gutters:true" &nbsp;&nbsp;&nbsp;&nbsp; style="width: 100%; height: 100%; margin: 0;"&gt; &nbsp; &lt;div id="header" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region:'top'"&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;strong&gt;Brevard County Test Map&lt;/strong&gt; &nbsp; &lt;/div&gt;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &lt;div id="rightPane" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; data-dojo-type="dijit/layout/ContentPane" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; data-dojo-props="region:'left'"&gt;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div data-dojo-type="dijit/layout/AccordionContainer"&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div data-dojo-type="dijit/layout/ContentPane" id="pane1" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; data-dojo-props="title:'Base Maps', selected:false"&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div id="basemapGallery"&gt;&lt;/div&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div data-dojo-type="dijit/layout/ContentPane" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; data-dojo-props="title:'Address Search'"&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div id="search"&gt;&lt;/div&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; i.e. 2725 Judge Fran Jamieson Way, Melbourne &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div data-dojo-type="dijit/layout/ContentPane" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; data-dojo-props="title:'Layers'"&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;span style="padding: 10px 0;"&gt;Click to toggle each layer on or off&lt;/span&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div id="toggle" style="padding: 2px 2px;"&gt;&lt;/div&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div data-dojo-type="dijit/layout/ContentPane" id="legendPane" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; data-dojo-props="title:'Legend', selected:true"&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div id="legendDiv"&gt;&lt;/div&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt; &nbsp;&nbsp;&nbsp; &lt;/div&gt; &nbsp; &lt;/div&gt; &nbsp; &lt;div id="map" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; data-dojo-type="dijit/layout/ContentPane" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; data-dojo-props="region:'center'" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; style="overflow:hidden;"&gt; &nbsp; &lt;div id="HomeButton"&gt;&lt;/div&gt; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &lt;/div&gt;&nbsp; &lt;/div&gt; &lt;/body&gt;&nbsp; &lt;/html&gt;</PRE><DIV style="display:none;"> </DIV><BR /><BR /><SPAN>Any help would be greatly appreciated!</SPAN><BR /><BR /><SPAN>Tim</SPAN></BODY></HTML> Mon, 10 Feb 2014 12:38:26 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/can-t-get-checkbox-to-work/m-p/393111#M36272 TimWitt 2014-02-10T12:38:26Z Re: Can't get checkbox to work https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/can-t-get-checkbox-to-work/m-p/393112#M36273 <HTML><HEAD></HEAD><BODY><SPAN>Hi Tim,</SPAN><BR /><BR /><SPAN>It looks like you are not calling a couple modules:</SPAN><BR /><BR /><SPAN>"dojo/dom"</SPAN><BR /><SPAN>"dojo/dom-construct"</SPAN><BR /><BR /><SPAN>Add these, and the appropriate key words to the function:</SPAN><BR /><BR /><SPAN>dom,</SPAN><BR /><SPAN>domConstruct</SPAN><BR /><BR /><SPAN>And the application should work.</SPAN></BODY></HTML> Mon, 10 Feb 2014 15:47:47 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/can-t-get-checkbox-to-work/m-p/393112#M36273 JakeSkinner 2014-02-10T15:47:47Z Re: Can't get checkbox to work https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/can-t-get-checkbox-to-work/m-p/393113#M36274 <HTML><HEAD></HEAD><BODY><SPAN>Jake,</SPAN><BR /><BR /><SPAN>thanks for the reply, that did the trick!</SPAN><BR /><BR /><SPAN>Tim</SPAN></BODY></HTML> Mon, 10 Feb 2014 16:13:37 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/can-t-get-checkbox-to-work/m-p/393113#M36274 TimWitt 2014-02-10T16:13:37Z