Discussion on TabLooper - Responsive Loop Tab Metro UI

SOHN

SOHN supports this item

Supported

8 comments found.

Nice one….......

Thank you!

Thank you! :)

Sorry!!! I spent here … thanks

Thanks for purchase.

Hi Sohn, i will ask you again my questions.

Is it possible for your tabs menu to get the loop off let’s say.

And can we get the function to close the tab content also.

Regards

Claude

Can you tell me if it’s possible to not show the numbers of the tabs. Can we add more then one in the page. Also i would beleive that is easy to change the directory for ajax and finally can you tell me what the weight min of your script

I’m waiting for your answers to buy or not your script.

So please let me know

Hi,

You can disable the number tab easily by set display:none for the tab in CSS.

You can add many TabLooper in one page.

If you want to change ajax content directory you can edit the path in javascript file ( change easily ).

The weight of my script ( minified ) is about 7kB.

Kind regards

How install tablooper-responsive-loop-tab-metro-ui in joomla 2.5?

Hi,

The TabLooper is not a Joomla extension so if you want to use it in your Joomla site you have to integrate it into your Joomla template by following steps in the documentation.

Kind regards.

This isn’t a WordPress plugin but that doesn’t mean I can’t use it in a WordPress site, right?

Yes, if you can edit your theme source you can integrate this plugin into your theme and use it.

Kind regards

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. When tab content is swiped a related tab button will be aligned at the first left.

Regards.

HI, please I want to ask how can I disable the action of having the current active tab to be the first one on left? I just want tabs order to be fixed just as traditional tabs, can I?

Hi,

Techically, you can disable moving active tab button to the first left but you need to modify the source code. To modify the source code:

First, you just open “tablooper.dev.js” in the “js” folder.

Second, you find “function SetActiveTab($curView, $newView)” line in the source code. Usually, it’s at line 79.

Then, In the function you will see a snippet like this:

if ( $move != 'prev' ) {
  var $active = $tabholder.find('.loop-activetab');
  var $activeindex = $tabholder.find('.loop-tab').index($active);

  if ( $activeindex > 1 ) {
    for ( var $j=0; $j<$activeindex; $j++ ) {
    $tabholder.find('.loop-tab').eq(0).appendTo($(e).find('.loop-tabstation'));
    }
  }
  else {
    $prevtabs = $tabholder.find('.loop-activetab').prev();
    $prevtabs.appendTo($(e).find('.loop-tabstation'));
  }
}
else { // prev
  $prevtabs = $tabholder.find('.loop-activetab');
  $prevtabs.appendTo($(e).find('.loop-tabstation'));
}

It’s a snippet that is used to move the active tab to the first left. So you can disable this code by add a /* before the code snippet and */ right after it.

Finally, save the “tablooper.dev.js” file and make sure you page is included the “tablooper.dev.js” file (not “tablooper.min.js”).

Now you can refresh and test your page.

That’s it. If you have any trouble when modify the source code just tell me.

Regards.

Thanks, I tried this out, it prevents tabs from moving, but the tab content is not showing, always tab 1 content is displayed, please how can I fix this?

Hi,

For the content display issue you can try this way: http://talk.sonhlab.com/ticket/tablooper-prevent-tab-from-moving-to-1st-postion/58

Regards.

by
by
by
by
by
by