Images within tabs overflow the tab area

Post Reply
norman
Site Admin
Posts: 1252
Joined: Sat Feb 07, 2004 9:55 pm

Images within tabs overflow the tab area

Post 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.
Norman
Post Reply