Images within tabs overflow the tab area

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

Images within tabs overflow the tab area

Post by norman » 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:

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

Who is online

Users browsing this forum: No registered users and 1 guest