Will you have a WordPress version for this?
Sorry, I have not supported for Wordpress platform at this time.
My examples are separated for easy understanding. You can add all of them into a single page if you like.
Just wondering. can Tabion jQuery work well with lower versions of jquery ? i.e. 1.7 ? its what am using.the $ object gets translated into an event and it kills the rest of the app. maybe its me screwing up. i don’t know. just want to know it works with version 1.7 .
I tested Tabion jQuery with jQuery 1.7.2. It works well. You can test with my demo files in the download package.
yap! it works well. it was just me screwing up. good work …
Can this be installed inside a K2 article? (Joomla 3)
Tabion jQuery is just a standalone plugin, it’s not a Joomla extension so you can not install it like Joomla extension. If you want to use it you need to integrate it into your Joomla Template source code.
I had a responsive design defect with mini laptops whose max resolution is 1024. the content container was falling off the side and to the bottom. i did screen media query to fix it for now. it looks like a hack, i would like to have it natural without interceptions. the width-680 class seems not responsive. advise me on how to better do it and not fake it
You see the problem with my demos or with your design?
The width-680 class is just used to set width:680px on the large screen. When the screen resolution is smaller than 960px the width-680 class will be disabled.
If you are using your design you should check again the width of your layout/container and make sure its width is larger than 960px.
If you still have problem you can email me your site or your HTML source. I will check it for you.
Hello, How can we stop the page from going back to the top when you click on a tab?
The plugin does not make the page back to the top. If you see the page back to the top when clicking on a tab you can try to add “height” property with a fixed value (like 1000px) for the ”.content-holder” class in the CSS file.
How can I make sure that Tabion displays the first tab whenever the page is loaded? Right now I get an error and I need to click a tab for any content to be displayed
To set a default tab to display at the first load you need to add a “tab-active” class to the tab button.
I am trying to integrate this in my webpage, everything seems ok after the integration, However I would like know the following things:
How can I reduce the Tab content background width? Currently the width has crossed my webpage width and looks bit awkward
I would also like to know how to change the back ground colors of the Tab content back ground?
To change the width of the tab content you can use CSS. Open the “tabion.css” file and search “tabionjs” class. Then you can add a width value for the class.
To change background color you can use background classes that I created in the “tabion.css” file (Background List section) or you can create new classes by yourself. Then you just add a background class into the tab content block (tabcontent).
Thanks a lot
Hi, you can keep closed the tabs when the page loads? No default tab set. Many thanks.
If you want to hide tab content at default load, you can create an empty tab button in “button-holder”, provide it a data-tabid value (e.g: data-tabid=”nocontent”) and set tab-active for it.
<div data-tabid="nocontent" class="tabbt tab-active"> </div>
Then, you create an empty tab content in “content-holder” for the above tab button.
<div data-tabid="nocontent" class="tabcontent"> </div>
That’s it. At default load, the tab content with data-tabid=”nocontent” will be displayed but you won’t see it because it is just empty.
Looks great! but before I buy… I need it to work like this… I want the top half of the tabs to be over my carousel and the bottom to be the tab boxes.
Hope It can do this… Thanks
Technically, you can do the function you need with my Tabion plugin. However, you need to customize the default design of my plugin to fit you theme (usually, it can be done by CSS).
How can I pay you directly with my visa card? This because I am unable to use my paypal by now.
Sorry, the system rule does not allow me sell items directly.
hi, does this support multiple rows of tabs? each row with about 7 or 8 tabs each would need to be stacked on top of one another and i guess act somewhat like an accordion in the way they could be viewed. would this plugin work like that?
Could you give me a demo of your idea?
Great job! In a horizontal tab, please let me know how to justify the tabs (not the content) to the center rather than left. Thank you and regards.
To move tab buttons to the center you can try to add “text-align:center;” to ”.button-holder” class in the “tabion.css” file.
hi, i’m try to building a swipe tabs like this: https://codepen.io/gbhasha/pen/gaggRR
i need to build a calendar for soccer match. Can you script help me? from your demo i can’t see example like on my link. I need swipe functionality both for tab and for tab-bar moreover when we swipe on the tabs the relative tab-bar have to move (synchronously) and centered in the bar.
Sorry, this plugin does not have exactly the features like your demo. It can swipe on tab contents only, it can not swipe on tab buttons. All tab buttons are always fixed.
thanks, can you tell me if is there something on the market?
I think it’s hard to see exactly what you want on the market. Usually, people will get items that have as much as features they want then customizing it.
In mobile mode I have problem when I scroll down, the control is too much sensible and instead scroll down it change tab.
In my case into each tab I have many info but when client work on the mobile cant scroll down, please suggest me some solution,
If your tab has long contents you can disable swipe feature temporarily, I will check this issue and update soon.
To disable swipe feature, just set “false” value for “enableSwipe” parameter when calling the plugin.
Tks for the aswer, can u provide an example, pls
<!-- Call Tabion jQuery Plugin -->
In the script you see the line “enableSwipe:true,”. So, to disable swipe feature you just change to “enableSwipe:false,”.
That’s it. If you still have issues you can send me your link I will check it for you.
thank you, for support.
Use, by you or one client, in a single end product which end users are not charged for. The total price includes the item price and a buyer fee.
Use, by you or one client, in a single end product which end users can be charged for. The total price includes the item price and a buyer fee.
View license details
Get it now and save up to $3
Deliver better projects faster. Photos, templates & courses
Unlimited downloads. Only $29/month
Learn almost anything with
Envato Tuts+ for free
25,000+ tutorials and 1,000+ courses
Designers matched perfectly to
you on Envato Studio
2000 artists ready to undertake your work