Ext.ux.touch.SwipeTabs

[VinylFox]

Glad your enjoying it.

As for the naming, my local web server routes all requests for /touch/* to the most recent build folder. Im not too worried about the examples being out of the box working. The end user should be able to figure out how to change a path on their own.

[RonaldBrinkerink]

Hi Shea,

Great work. Should be in the product I think.
One of the items in my tabpanel is a list.
The plugin fails on this item because it doesn't have a getLayout method.
Should I put a panel around the list?

Thanx, Ronald

[VinylFox]

I just noticed the same thing yesterday when building a new app.

The List Component had recently been changed to be a non-Panel based component which must now be contained within a Panel, so I'm sure there is something going on there.

Ill take a look into what's going on.

[VinylFox]

Ok, I think I have it fixed now. Give it a try, see how it works for you.

[gkatz]

love it!!!

[gkatz]

Interesting...
swipe action on my carousel components stopped working once I added the plugin.
My root component is a tabpanel and its cards have carousels and so I cant use the plugin as is.
I still would love to incorporate it, what I need is to detect my 'current' view and if it includes the carousel I need to disable swipe tabs (or something like that).
any suggestions on how to do this?

[VinylFox]

This plugin can't read your mind, it has no way to know if your swipe was meant to change tabs or move the carousel. Not sure why you expected that to work.

With that said, I have used a carousel as the last tab in a set of tabs and that works out just fine. Once you are at the first item in the carousel, the swipe activates the tab change, otherwise it moves the carousel.

[gkatz]

thanks. of course this makes complete sense...
If I can detect what is the current view I need to check the most deaply nested visible child with swipe bahavior (carousel, tabpanel w. plugin) and it should be the one 'enjoying' the swipe...
not sure if this is feasible to implement

[SimonFlack]

I ran into a little problem when I had a {xtype: 'map'} in one of my tabs. Everytime I swiped to move around the map I swiped to the next/previous tab.

To temporarily solve this I added a "noswipe: true," property to the tab panel containing the {xtype: 'map'} and modified the plugin with

initSwipeHandlers: function(){
    this.cmp.til = this.cmp.items.length-1;
    this.cmp.items.each(function(itm, i){
      if(itm.noswipe && itm.noswipe === true){
        //Dont add swipe
      }else{

So I can still use the plugin and swipe between tabs but the plugin is not enabled on the tab panel containing my map.

[VinylFox]

Thanks again Simon for your contributions, I have integrated your request, though I made a slight naming change. The noswipe config seemed a bit too much of a double negative to me, so I called it allowSwipe instead.

https://github.com/VinylFox/Ext.ux.touch.SwipeTabs