Discussion on Sliding Tabs jQuery Plugin

chittyhou chittyhouPurchased

Hi bought the plugin and it looks great with the exception that my content doesn't fit in the tab box. Your comment at the bottom says for content with different heights, to enable to auto height settings. How do I do that?

4 years ago
flashblue flashblueAuthor

You can enable it by parameters:

$("#slidingtabs").slidingTabs({ tabActive:1, responsive:true, touchSupport:true, tabsAlignment:"align_top", autoHeight:true, autoHeightSpeed:300, textConversion:"pb", contentEasing:"easeInOutQuart", orientation:"horizontal", autoHeight:true });

4 years ago
rezker rezkerPurchased

Hi,
How to use AJAX with it ?
I tried to do it with your tuto but no way !

4 years ago
flashblue flashblueAuthor

Can you mail wp-admin login info and sample page url to flashblue80@hotmail.com ?

4 years ago
rezker rezkerPurchased

I am notusing wordpress plugin.

I followthe documentation about using AJAX, but after testing nothing work, please provide us an HTML demo for AJAX.

I emailed you.

4 years ago
flashblue flashblueAuthor

You need to create an Ajax function and make sure its working. Then, call it by Tabs.

4 years ago
s_landreville s_landrevillePurchased

Hi.
I'm interested in purchasing this item.
However, I was wondering if I can change the tab to have an image?
Is this possible. Let me know.
Thanks,
Stephane

1 year ago
flashblue flashblueAuthor

You can add image via HTML codes to each tab.

1 year ago
s_landreville s_landrevillePurchased

Ok great. One last thing, would you be able to provide me with a quick example of what it would look like (ie. with an image).

1 year ago
flashblue flashblueAuthor

Sorry! You need to write your own CSS to do it. The script comes with source to make modifications easily.

1 year ago
tatty27 tatty27Purchased

Hi, Please can you tell me how to configure it so that when next or prev are clicked, the content slides to the next or prev tab?

1 year ago
flashblue flashblueAuthor

You can check it out on deploy/external-linking.html file. Its code is written there:

var api;
$(document).ready(function() {
	api = $("#slidingtabs").slidingTabs();


	//API functions
	$("#st_ext_prev").click(function() { 
		api.goToPrev(); 
		return false; 
	});
	$("#st_ext_next").click(function() { 
		api.goToNext(); 
		return false; 
	});	
});

1 year ago
by in