Hybrid View

  1. #1
    Ext GWT Premium Member
    Join Date
    Sep 2011
    Posts
    25
    Vote Rating
    -1
    alona.oz has a little shameless behaviour in the past

      0  

    Default Unanswered: container scroll problem

    Unanswered: container scroll problem


    Hi,

    I have problem with container horizontal scrolling. After I release the mouse (finger) the scroll comes back to its original position. I saw some posts with similar problem, but answers don't seem to be related.
    May container has this scroll definition:

    Code:
    scrollable: {
                direction: 'horizontal',
                directionLock: false
     }
    What should I do in order to make it work?

    10x

  2. #2
    Sencha Premium Member
    Join Date
    Jun 2012
    Posts
    16
    Vote Rating
    0
    Answers
    1
    troyhfore is on a distinguished road

      0  

    Default


    I had this issue on some dataviews that i was attempting to use some custom CSS with. What I had to do was strip the custom CSS down to the bare minimum until the scrolling worked and then start adding pieces back in. The framework puts in some CSS itself to make scrolling work and some items in my CSS were conflicting.

  3. #3
    Ext GWT Premium Member
    Join Date
    Sep 2011
    Posts
    25
    Vote Rating
    -1
    alona.oz has a little shameless behaviour in the past

      0  

    Default


    I found a problem, this happened because all internal elements were in absolute position. The solution is to add dummy element (with position static) and give it width.

    10x

  4. #4
    Sencha User
    Join Date
    Nov 2012
    Posts
    23
    Vote Rating
    1
    Manoj Solanki is on a distinguished road

      0  

    Default


    Hi alona,

    I am facing the same problem that you wrote in these thread....
    Can you explain more about your last post...

    Thanks in advance....

  5. #5
    Ext GWT Premium Member
    Join Date
    Sep 2011
    Posts
    25
    Vote Rating
    -1
    alona.oz has a little shameless behaviour in the past

      0  

    Default


    Hi,

    My problem was that all items inside the container had absolute position, so the container didn't know to calculate its width/height and show scroll. So the solution is to place empty not visible element in static position and change it's dimensions on each add/remove item according to sum of all items width/height and padding between them. In this case container will show scroll according to empty item dimensions.

    I hope this is clear now.

    --Alona

  6. #6
    Sencha User
    Join Date
    Nov 2012
    Posts
    23
    Vote Rating
    1
    Manoj Solanki is on a distinguished road

      0  

    Default


    Thanks for reply alona,

    when I insert element with static position it solve the problem of scrolling, but all the element of the container are adjusted according to new height(Because I had given top by % param)... What I do. Should I use "Layout" property of container. If yes then HOW???

Thread Participants: 2