<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
});