topic Re: close pane via BasemapToggle in ArcGIS JavaScript Maps SDK Questions

close pane via BasemapToggle

jaykapalczynski — Sun, 12 Dec 2021 16:14:20 GMT

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

Re: close pane via BasemapToggle

JeffPace — Sat, 11 Dec 2021 12:07:19 GMT

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

On my expandopane I do

 var summPane = registry.byId('Tools');
if (!summPane._showing) {
    summPane.toggle();
}

Re: close pane via BasemapToggle

jaykapalczynski — Fri, 28 Mar 2014 15:45:52 GMT

where are you placing or calling this code....confused on that

Re: close pane via BasemapToggle

JeffPace — Fri, 28 Mar 2014 15:48:09 GMT

where are you placing or calling this code....confused on that

I would put it in your button click.

Re: close pane via BasemapToggle

MattDriscoll — Sat, 11 Dec 2021 12:07:21 GMT

You should listen to the toggle event on the widget.

https://developers.arcgis.com/javascript/jsapi/basemaptoggle-amd.html#event-toggle

on(myBasemapWidget, 'toggle', function(){
   // do some stuff
});

Re: close pane via BasemapToggle

jaykapalczynski — Sat, 11 Dec 2021 12:07:24 GMT

Its not a button....this is coming from ESRI example

https://developers.arcgis.com/javascript/jssamples/widget_toggle.html

<div class="toolbar" id="BasemapToggle"  </div>

var toggle = new BasemapToggle({
      map: app.map,
      basemap: "satellite",
      className: "customToggle"
    }, "BasemapToggle");
    toggle.startup();

Re: close pane via BasemapToggle

JeffPace — Fri, 28 Mar 2014 16:04:11 GMT

oh sorry, then yes a combination of what matt and i said is right

on(myBasemapWidget, 'toggle', function(){
var paneToClose = registry.byId('paneID');
if (paneToClose ._showing) {
paneToClose .toggle();
}
});

Re: close pane via BasemapToggle

jaykapalczynski — Sun, 12 Dec 2021 16:14:23 GMT

trying this...not working...this is all the code I have for this

Tried - throws error
on(myBasemapWidget, 'toggle', function(){

on(BasemapToggle, 'toggle', function(){

<div class="toolbar" id="BasemapToggle" </div>

on(BasemapToggle, 'toggle', function(){
  alert("test");
 var paneToClose = registry.byId('Tools');
 if (paneToClose._showing) {
  paneToClose.toggle();
 }
});


var toggle = new BasemapToggle({
      map: app.map,
      basemap: "satellite",
      className: "customToggle"
    }, "BasemapToggle");
    toggle.startup();

Re: close pane via BasemapToggle

JeffPace — Fri, 28 Mar 2014 16:20:40 GMT

on(toggle, 'toggle'

because your variable that is the basemaptoggle is also called "toggle'

Re: close pane via BasemapToggle

jaykapalczynski — Sat, 11 Dec 2021 12:07:27 GMT

sorry for being a pain here, not trying to be...this is driving me nuts....I tried that as well....

If I put the "on(toggle," in my JS page the map no longer draws etc...
I remove it everything is fine...

on(toggle, 'toggle', function(){
 var paneToClose = registry.byId('Tools');
 if (paneToClose. _showing) {
  paneToClose. toggle();
 }
});


var toggle = new BasemapToggle({
      map: app.map,
      basemap: "satellite",
      className: "customToggle"
    }, "BasemapToggle");
    toggle.startup();

Re: close pane via BasemapToggle

jaykapalczynski — Sat, 11 Dec 2021 12:07:29 GMT

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

Re: close pane via BasemapToggle

jaykapalczynski — Fri, 28 Mar 2014 16:51:54 GMT

thank you all for your help....things starting to make sense slowly.....Cheers

Re: close pane via BasemapToggle

MattDriscoll — Fri, 28 Mar 2014 17:43:35 GMT

glad you got it working!