1. #1
    Sencha User biggbest's Avatar
    Join Date
    Jun 2011
    Location
    France
    Posts
    38
    Answers
    1
    Vote Rating
    5
    biggbest is on a distinguished road

      1  

    Default Answered: List item horizontally scrollable

    Answered: List item horizontally scrollable


    Hi !

    I'm facing 2 issues since 2.2 upgrade :

    - A list item (container) horizontally scrollable scroll back to the left after the event
    - Any way to have the pull to refresh plugin working in dataview ?

    If someone can help me, thank you very much !

  2. I finally managed to have my list item scrollable, by overriding a css property:

    Code:
    #myListItenId .x-scroll-scroller {
    
         max-width: none !important;
    
    }

  3. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,330
    Answers
    3541
    Vote Rating
    847
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    The list will not be scrollable horizontally, only vertically. If you want horizontal scrollable items you will need to use DataView. For ListPaging, it's built for the List (hence the name) so with ST 2.2 it will work for List. I think there are some user extensions for it to work with DataView.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  4. #3
    Sencha User biggbest's Avatar
    Join Date
    Jun 2011
    Location
    France
    Posts
    38
    Answers
    1
    Vote Rating
    5
    biggbest is on a distinguished road

      1  

    Default


    Thank you.

    Yes I know that list aren't verticaly scrollable.

    And about List Paging, what's the link with PullRefresh plugin, is it a part of it ?

    Thanks again for the reply !

  5. #4
    Sencha User
    Join Date
    May 2012
    Posts
    5
    Vote Rating
    0
    superfrog is on a distinguished road

      0  

    Default Carousel item in a list

    Carousel item in a list


    We are facing the same issue.

    With Sencha Touch 2.1, we have created in a list component with:

    - A dockable item on top of type carousel
    - reguar list elements

    The dockable carousel is scrolling left and right perfectly well.

    With ST 2.2, it does not scroll any more. Switching from list to a data view is making the carousel item scrolling left and right again.

    How can we get the same behaviour with SC 2.2?

    Thanks for your help

  6. #5
    Sencha User biggbest's Avatar
    Join Date
    Jun 2011
    Location
    France
    Posts
    38
    Answers
    1
    Vote Rating
    5
    biggbest is on a distinguished road

      0  

    Default


    Is there any way to have a scrollable item in a list ?

    Actually is scroll but still go back to the origin position... :-(

  7. #6
    Sencha User biggbest's Avatar
    Join Date
    Jun 2011
    Location
    France
    Posts
    38
    Answers
    1
    Vote Rating
    5
    biggbest is on a distinguished road

      0  

    Default


    I finally managed to have my list item scrollable, by overriding a css property:

    Code:
    #myListItenId .x-scroll-scroller {
    
         max-width: none !important;
    
    }

Thread Participants: 2