Tabs & Accordions

Other Tabs & Accordions questions

Forum

Layout of gallery in Accordion does not render properly until browser window is resized

Neil Robertson

2 months 2 weeks ago

Neil Robertson

2 months 2 weeks ago

Hi Peter,

I am using Event Gallery by Sven Blüge to display a gallery in an accordion in the latest version of Tabs & Accordions on Joomla v4.4.5 but the layout of the gallery does not render properly until the browser window is resized.

I suspect this is because the container size is not defined when the gallery is rendered e.g. if the container is initially set to display: none; in CSS.

I see from the Tabs changelog and the Sliders changelog that a resize trigger "was added to make certain javascript based scripts (like galleries) work better".

Is this trigger also included in Tabs & Accordions?

The accordion is set to be closed when it loads initially and I have tried adding some jQuery like this but it does not seem to help:

jQuery(document).ready(function($){
  $(document).ready(function() {
    $('[data-rlta-element="button"]').click(function(){
      $(window).trigger('resize');
    });
  });
});

Please let me know if you have any suggestions.

Thanks.