Page 1 of 1

Images within tabs overflow the tab area

Posted: Mon May 21, 2018 3:39 pm
by norman
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:

Code: Select all

</script>
Immediately above that line paste the following:

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>	
Note that Tabber V5.09 and later will contain this fix as standard.