Select to view content in your preferred language

close pane via BasemapToggle

1718
12
Jump to solution
03-28-2014 07:13 AM
jaykapalczynski
Honored Contributor
I have a basemap toggle in my pane....I want to close the pane when the toggle is clicked.
I can do this with buttons no problem...but the toggle is giving me a problem



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




CLOSE THE BUTTONS LIKE THIS

on(dom.byId("button2"), "click", function () {
 dijit.byId("Tools").set('open',false); //Close
})
0 Kudos
12 Replies
jaykapalczynski
Honored Contributor
GOT IT....Thanks....for all your time...I move the "on(toggle"
After the "var Toggle"

 
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
});
0 Kudos
jaykapalczynski
Honored Contributor
thank you all for your help....things starting to make sense slowly.....Cheers
0 Kudos
MattDriscoll
Esri Contributor
glad you got it working!
0 Kudos