<div data-dojo-type="dijit/TitlePane" id="Tools" data-dojo-props="title:'Tools', closable:false, open:false"> <div data-dojo-type="dijit/layout/ContentPane" style="width:200; "> <div class="toolbar"><span id="BasemapToggle" ></span></div> <div class="toolbar"><input type="button" class="myButton" id="button2" value="Finished" /></div> </div> </div>
on(dom.byId("BasemapToggle"), "click", function () { // CLOSE THE PANE WHEN Clicked dijit.byId("Tools").set('open',false); //Close }) var toggle = new BasemapToggle({ map: app.map, basemap: "satellite", className: "customToggle" }, "BasemapToggle"); toggle.startup();
on(dom.byId("button2"), "click", function () { dijit.byId("Tools").set('open',false); //Close })
Solved! Go to Solution.
var toggle = new BasemapToggle({ map: app.map, basemap: "satellite", className: "customToggle" }, "BasemapToggle"); toggle.startup(); on(toggle, 'toggle', function(){ dijit.byId("Tools").set('open',false); //Close });