DMXzone Accordion Support Product Page


How to make Accordion panel initially collapsed AND auto re-size

Reported 13 Mar 2013 19:11:40
has this problem
13 Mar 2013 19:11:40 Dan Feather posted:
I'm using the newly-updated Accordion extension and want to have the panel initially collapsed AND have it vertically re-size according to the content it contains. So far, I have tried various settings and swapping "styles," only to find that when I choose to have it intially collapsed, the expanded sections do NOT resize reliably. I DON'T want to see those vertical scroll bars when a panel expands. Can you tell me why this is happening? And--more importantly--how to correct it? . .. Many thanks, Dan.


Replied 14 Mar 2013 10:52:07
14 Mar 2013 10:52:07 Vulcho Vulev replied:
Hello Dan.

Can you provide me with link to the page with the scrollbars?

Replied 15 Mar 2013 18:55:46
15 Mar 2013 18:55:46 Dan Feather replied:
Hello Vulcho.

Here's a link to a page that shows what I mean:

Auto Height is checked (true), but section panels don't show all, and have scrollbars.

- Dan
Replied 18 Mar 2013 07:26:03
18 Mar 2013 07:26:03 Vulcho Vulev replied:
Hello Dan.

Please enter the following css rule in order to achieve your goal:

<style type="text/css">
.ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active {
    height: 100% !important;

Replied 18 Mar 2013 15:08:52
18 Mar 2013 15:08:52 Dan Feather replied:

That worked! Hooray! . . . But I wonder why the wizard didn't do that for me. It seems a bug if the wizard controls don't insert the required rule into the CSS. Hmmmm . . .

But the fix worked and I'm grateful!

- Dan

Reply to this topic