DMXzone Accordion Support Product Page
Answered
Trouble with the height of an open accordion window.
Asked 28 Mar 2013 02:39:54
1
has this question
28 Mar 2013 02:39:54 Trevor Courtney posted:
I'm having trouble with the height of an open accordion window. I would like the window to open to make all the text visible adjusting each window to accommodate the amount of text in each section. Can you let me know how I achieve this as after playing with the available settings I have not been able to crack the right one? Height seems to be regulated by the first window.Here's a link to the web site in question:
www.jettheat.com
Pages that use the DMX accordion are: about us, brochures, health benefits, reviews, terms
DW 5.5 / Accordion 1.1.1 / Windows Vista
Replies
Replied 28 Mar 2013 07:44:01
28 Mar 2013 07:44:01 Vulcho Vulev replied:
Hello Trevor.
Select the Accordion container in order for the user interface to show in the properties inspector.
After that select the checkboxes for "Auto Height" and "Fill Space".
Regards:Vulcho
Select the Accordion container in order for the user interface to show in the properties inspector.
After that select the checkboxes for "Auto Height" and "Fill Space".
Regards:Vulcho
Replied 28 Mar 2013 22:47:56
28 Mar 2013 22:47:56 Trevor Courtney replied:
Hi Vulcho
I did as you suggested plus I added initially collapsed, uploaded the resulting pages and tested in IE9, Firefox, Chrome & Safari and it has made no difference to the height of the accordion window. I note however that the javascript only has 2 of the settings out of 4 which I will paste below. Could that be the problem?
<script type="text/javascript">
// <![CDATA[
jQuery(document).ready(
function()
{
jQuery("#dmxAccordion1".dmxAccordion(
{"collapsible": true, "fillSpace": true}
);
}
);
// ]]>
</script>
I did as you suggested plus I added initially collapsed, uploaded the resulting pages and tested in IE9, Firefox, Chrome & Safari and it has made no difference to the height of the accordion window. I note however that the javascript only has 2 of the settings out of 4 which I will paste below. Could that be the problem?
<script type="text/javascript">
// <![CDATA[
jQuery(document).ready(
function()
{
jQuery("#dmxAccordion1".dmxAccordion(
{"collapsible": true, "fillSpace": true}
);
}
);
// ]]>
</script>
Replied 29 Mar 2013 02:20:22
29 Mar 2013 02:20:22 Trevor Courtney replied:
Hi Vulcho
I just read your reply to Dan Feather and tried your fix
adding it to the bottom of the jquery_ui.css file and the accordion now works perfectly and as expected. Can the plugin be updated so it's not necessary to add the css in the future?
.ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active {
height: 100% !important;
}
I just read your reply to Dan Feather and tried your fix
adding it to the bottom of the jquery_ui.css file and the accordion now works perfectly and as expected. Can the plugin be updated so it's not necessary to add the css in the future?
.ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active {
height: 100% !important;
}
Replied 29 Mar 2013 07:41:09
29 Mar 2013 07:41:09 Vulcho Vulev replied:
Hello Trevor.
Dan had specified height of the container in which the accordion was placed , that is why he needed to expand the accordion through overwrititing rules.If you place the extension on blank page you will be able to see that is working correctly.
Regards:Vulcho.
Dan had specified height of the container in which the accordion was placed , that is why he needed to expand the accordion through overwrititing rules.If you place the extension on blank page you will be able to see that is working correctly.
Regards:Vulcho.