Images within tabs overflow the tab area
Posted: Mon May 21, 2018 3:39 pm
If you have images in tabs and they overflow the tab area when their tab is selected this may be because of SellerDeck's responsive function.
SellerDeck resizes images when the page loads. Simultaneously Tabber is working out the size of the tab content. Sometimes this size is wrong because images are still being resized.
The following should fix this:
Go to Design / Library / Layouts / TabbedDescriptions / Tabber Setup.
Near the bottom is a line:
Immediately above that line paste the following:
Note that Tabber V5.09 and later will contain this fix as standard.
SellerDeck resizes images when the page loads. Simultaneously Tabber is working out the size of the tab content. Sometimes this size is wrong because images are still being resized.
The following should fix this:
Go to Design / Library / Layouts / TabbedDescriptions / Tabber Setup.
Near the bottom is a line:
Code: Select all
</script>
Code: Select all
<actinic:block if="%3cactinic%3avariable%20name%3d%22TabberFixedHeight%22%20%2f%3e%20AND%20%3cactinic%3avariable%20name%3d%22TabberMakeResponsive%22%20%2f%3e%20AND%20%28%3cactinic%3avariable%20name%3d%22TabberUserHeight%22%20%2f%3e%20%3d%3d%200%29" >
// fixed height tabs with an image - so refresh on page load
$( window ).load(function() {
if ( $( "div.tabinner" ).has( "img" ).length )
{
$("div[id^='tabber_']:visible").tabs("refresh");
}
});
</actinic:block>