AnsweredAssumed Answered

Toggle picture panel in Map tour

Question asked by pdjkth on Oct 5, 2015
Latest reply on Oct 6, 2015 by GLAzou-esristaff

Hi,

 

We are using MapTour stoytelling with integrated setting and would like to have a toggle for the picture panel on the right when the user wants (as it covers nearly 1/3 of the map (and almost 1/2 using a 32" screen).

 

I tried to integrate a button and successfully toggle the picture panel for the first time with the following code in crossfader.js file:

 

var _toggle1;

 

_toggle1 = $("<div id='toggle'></div>");

  $("#picturePanel").append(_toggle1);

 

$(_toggle1).fastClick(function() {

  $(_toggle1).toggleClass('closed', $(#picturePanel).css('display') != 'none');

  $(#picturePanel).slideToggle();

});

 

It works to remove the picture panel completely, i mean once i click on the toggle it removes everything and the picture panel cannot be retained in that session again and also the picture panel doesn't appear even if i click other icons, untill and unless the map is refreshed.

 

I thought it would work as how the description toggle works, but not, I don't have any clue if i am missing something else in the code functionality.

 

Any help would be appreciated.

 

Thanks,

Akshara Chukkannagari

UIZ, Germany

 

Neue Grünstraße 38,

10179, Berlin, Germany

Outcomes