Results 1 to 4 of 4

Thread: Carousel item Tabpanel-Tabbar Scroll

  1. #1
    Sencha User
    Join Date
    Dec 2012
    Posts
    42
    Answers
    2
    Vote Rating
    1
      0  

    Default Answered: Carousel item Tabpanel-Tabbar Scroll

    Carousel item Tabpanel-Tabbar Scroll

    Hello,
    There are horizontal direction of the object carousel. 2 items are available. The first nested list item, the second item tab panel. I'm doing the horizontal scroll panel tabbar tab. During this slide carousel and carousel Slipping mingle with changing the active item. How do I avoid this confusion?

    If you want to upload a video




  2. You can try out the scrollable config on your Carousel,
    Code:
    scrollable : {
        direction : 'horizontal',
        directionLock : true
    }
    or get the TabBar's ScrollView which can get the Scroller and stop the Carousel's scroller from firing it's scroll event (sounds a bit complicated, but it should work).

    I don't know of any other easier ways. Maybe someone else does?

  3. #2
    Sencha User
    Join Date
    Dec 2012
    Posts
    42
    Answers
    2
    Vote Rating
    1
      1  

    Default

    Deleted video

  4. #3
    Sencha User jerome76's Avatar
    Join Date
    Apr 2012
    Location
    New Jersey
    Posts
    1,149
    Answers
    132
    Vote Rating
    101
      0  

    Default

    You can try out the scrollable config on your Carousel,
    Code:
    scrollable : {
        direction : 'horizontal',
        directionLock : true
    }
    or get the TabBar's ScrollView which can get the Scroller and stop the Carousel's scroller from firing it's scroll event (sounds a bit complicated, but it should work).

    I don't know of any other easier ways. Maybe someone else does?

  5. #4
    Sencha User
    Join Date
    Dec 2012
    Posts
    42
    Answers
    2
    Vote Rating
    1
      0  

    Default

    Thank you.
    The problem has been solved.

    tabpanel : {
    ...
    tabBar: {
    scrollable: {
    direction :'horizontal',
    scrollBar: true,
    directionLock : true
    },
    docked: 'top'
    },
    ...
    }

Posting Permissions

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