Accordion content height

ShruthiSrinivasan1 — Wed, 13 Jul 2016 19:48:43 GMT

How do you change the height of the accordion content in a side accordion story map such that it's responsive? When I add the following to the index.html file, the height changes in the hosted story map. But, if the story map is resized and the page is maximized again, the accordion content reflects the height in the builder (default height). Only if the page is reloaded again, the accordion content has the modified height (eg: 500px).

* Custom Javascript to be executed when the application is ready goes here

$(".accordion-content").css("max-height", "500px");

$(".accordion-content").css("height", "500px");

Re: Accordion content height

GregoryL_Azou — Tue, 19 Jul 2016 18:26:14 GMT

The application perform some check when resizing. I am not sure what's best in your case but if you use CSS !important you can fix this

.accordion-content {

max-height: 500px !important;

}

or you can catch the window resize event and use setTimeout to execute your code after the app has performed what it has to do but I would not recommend that.

topic Re: Accordion content height in Classic Esri Story Maps Questions

Accordion content height

Re: Accordion content height