Results 1 to 10 of 25

Thread: Ext.ux.touch.SwipeTabs

Hybrid View

Previous Post Previous Post   Next Post Next Post
  1. #1
    Sencha User VinylFox's Avatar
    Join Date
    Mar 2007
    Location
    Baltimore, MD
    Posts
    1,501
    Vote Rating
    8
      0  

    Default Ext.ux.touch.SwipeTabs

    This is a plugin that enables the user to swipe left and right to navigate between tabs.

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

    Enjoy

  2. #2
    Ext JS Premium Member Steffen Hiller's Avatar
    Join Date
    Mar 2008
    Posts
    786
    Vote Rating
    36
      0  

    Default

    Next time please ask before you read my mind.

    Thanks anyway.

  3. #3
    Sencha User VinylFox's Avatar
    Join Date
    Mar 2007
    Location
    Baltimore, MD
    Posts
    1,501
    Vote Rating
    8
      0  

    Default

    I actually have cameras setup in your office. Easiest way to anticipate what you need.

    I don't know how many of my friends I watched trying to do this on their iPhone in my app...it seems to be a very natural interaction.

  4. #4
    Ext JS Premium Member Steffen Hiller's Avatar
    Join Date
    Mar 2008
    Posts
    786
    Vote Rating
    36
      0  

    Default

    *waving to all possible camera locations*

  5. #5
    Ext User
    Join Date
    Aug 2010
    Posts
    48
    Vote Rating
    0
      0  

    Default

    Hi Shea, thanks for sharing this! Would you mind to share a very basic example that uses the plugin? Had no luck with my rudimentary programming knowledge :-)

    Thanks,
    Sandor
    --
    sharksinn gmbh

    corporate links:
    ------------------------------
    http://www.sharksinn.com

    developer links:
    ------------------------------
    http://www.xtuio.com

  6. #6
    Sencha User VinylFox's Avatar
    Join Date
    Mar 2007
    Location
    Baltimore, MD
    Posts
    1,501
    Vote Rating
    8
      0  

    Default

    There is a small example on the Github page for this project, but ill try to get ya started...

    The plugin is pretty self reliant, all that is needed is to add it to a TabPanel and it will do the rest for ya.

    So first off, you need to download the Ext.ux.touch.SwipeTabs.js file from Github and include it in your html page just after the ext-touch.js file.

    Then in your TabPanel, add a plugins config containing an instance of the plugin like so:

    PHP Code:
      {
        
    xtype'tabpanel',
        ...,
        
    plugins: [new Ext.ux.touch.SwipeTabs()],
        ...
      } 
    That should be it. All of your tabs will have swipe navigation between them.

Similar Threads

  1. Ext Designer for Touch
    By Frank R in forum Sencha Touch 1.x: Discussion
    Replies: 6
    Last Post: 11 Feb 2012, 12:53 PM
  2. Ext JS and Sencha Touch!
    By mcamer in forum Sencha Touch 1.x: Discussion
    Replies: 8
    Last Post: 1 Dec 2010, 10:19 AM
  3. Sencha Touch on iPhone v1 / iPod touch v1 ?
    By palnap in forum Sencha Touch 1.x: Discussion
    Replies: 4
    Last Post: 28 Oct 2010, 5:30 PM
  4. How can I use the Ext.Msg in sencha touch?
    By bu123 in forum Sencha Touch 1.x: Discussion
    Replies: 3
    Last Post: 23 Jul 2010, 4:35 AM
  5. Ext Touch Core anyone?
    By mystix in forum Sencha Touch 1.x: Discussion
    Replies: 1
    Last Post: 11 Jun 2010, 4:52 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •