Hide or minimize panel in the journal story map?

3469
4
07-29-2014 08:33 AM
BrianWays1
New Contributor III

Has anyone done this yet? Can I see your code? I know I can probably make the background of the panel more transparent, but I want to be able to hide it or minimize it to fully examine the content on the main page.

0 Kudos
4 Replies
GregoryL_Azou
Regular Contributor II

Depending on the layout, you could start with one of this two lines:

$("#floatingPanel").fadeToggle({ complete: function(){ $(window).resize(); } })

$("#sidePanel").fadeToggle({ complete: function(){ $(window).resize(); } })

BrianWays1
New Contributor III

Sorry, but I am a bit on the amateur side of web development. I am using the floating panel layout.  So I assume I would use this as you said

  $("#floatingPanel").fadeToggle({ complete: function(){ $(window).resize(); } })

I am guessing that this belongs in the builder-min.js. Do you know exactly where this would go?

Thanks

0 Kudos
GregoryL_Azou
Regular Contributor II

Sorry I can't help you much more but to get you started on the right track: don't ever edit the files in app/ (css or Javascript).

You should rather add you custom JavaScript in index.html.

Look at the bottom of the file after Core.init(new MainView());

0 Kudos
RossHavery
New Contributor II

Did you ever find a way to do this?

I have a map series and wish to have the functionality to hide and unhide the description panel as you do for the legend.

Thanks

0 Kudos