I use a slideshow in a panels tab. I want to use fixed height to set the containers height to the height of the largest image.

The slideshow is not in the default tab, this means it is initially hidden (the container is set to display:none) and will be shown if the tab is selected. There is no height. If the slideshow is in the default tab (initially visible) it works fine. I guess the height somehow can't be determined for hidden slideshows. Any hint on how to fix this?

Comments

osopolar’s picture

Status: Active » Fixed

See jquery ui documentation: Why does [views slideshow] not work when placed in a hidden (inactive) tab?

Any component that requires some dimensional computation for its initialization won't work in a hidden tab, because the tab panel itself is hidden via display: none so that any elements inside won't report their actual width and height (0 in most browsers).

There's an easy workaround. Use the off-left technique for hiding inactive tab panels. E.g. in your style sheet replace the rule for the class selector ".ui-tabs .ui-tabs-hide" with

.ui-tabs .ui-tabs-hide {
  position: absolute;
  left: -10000px;
  display: block !important;
}

I added display: block !important; because in jquery.ui.tabs.css .ui-tabs .ui-tabs-hide is defined as display: none !important;

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.