Results 1 to 8 of 8

Thread: vertical scrolling in horizontal carousel...

  1. #1
    Sencha User
    Join Date
    Jul 2012
    Posts
    13

    Default vertical scrolling in horizontal carousel...

    Hi all,

    I really hope to reduce the frequency of my beginnerquestions soon, but I'm not yet setlled in. ;-)

    So, the situation is this: my app consists of a navigationview, initially containing a list of products. Someone selects an item and I want to show some details. To do so, I push a carousel on the navigationview, which in turn contains three panels with detail information. Each panel covers a special topic.

    However, the content of a given panel might not fit on a screen, especially on a low-resolution smartphone. So I'd like to be able to switch between panels by swiping left/right, which works without any issues. But then I would like to be able to scroll up/down to see all the content. However, that's just not working, though I believe I tried all possible options to "scrollable".

    But perhaps it is just not possible and my idea interferes with carousel? Would switching to a tabview solve my issue?

    Any help would be greatly appreciated.

    Yours,
    Patrick.

  2. #2
    Sencha Premium User
    Join Date
    Mar 2010
    Location
    Romania
    Posts
    628
    Answers
    67

    Default

    Make carousel items vertical scrollable containers.

  3. #3
    Sencha User
    Join Date
    Jul 2012
    Posts
    13

    Default

    Well, that's precisely what I tried to do. For ages!

    But in my form I set all items (textfield, textareafield) to "docked:'top'" and accidently found out (because I missed that option on one item) that this defeats scrollable. I don't know why yet, but at least I have a solution and know where to look for further explanation.

    Obviously I misunderstood what "docked" is all about.

    Yours,
    Patrick.

  4. #4
    Sencha Premium User
    Join Date
    Mar 2010
    Location
    Romania
    Posts
    628
    Answers
    67

    Default

    Mmmmm docked is making things float in css so their height don't count too much I guess. Why would you do such a thing?

    I think docked is for floating items ... mainly for toolbars,and bars that will not scroll.


    Check this out:

    http://docs.sencha.com/touch/2-0/#!/example/carousel

  5. #5
    Sencha User
    Join Date
    Jul 2012
    Posts
    13

    Default

    Well, I can't remember preceisely, but I believe I was in a situation when items aligned horizontally when I wanted them to align vertically, which I solved by using docked: 'top'. Lot's of misunderstanding, I'm obviously a newbie.

    Thanks for your patience.

    Yours,
    Patrick.

  6. #6
    Sencha Premium User
    Join Date
    Mar 2010
    Location
    Romania
    Posts
    628
    Answers
    67

    Default

    For align purposes youse containers with layouts (vbox / hbox) and the desired combination of align & pack config attributes:

    http://docs.sencha.com/touch/2-0/#!/...HBox-cfg-align

    http://docs.sencha.com/touch/2-0/#!/....HBox-cfg-pack

    http://docs.sencha.com/touch/2-0/#!/...VBox-cfg-align

    http://docs.sencha.com/touch/2-0/#!/....VBox-cfg-pack



    If you are new around, maybe you should take your time and read:
    http://docs.sencha.com/touch/2-0/#!/guide

    it will speed up your learning curve, it did for me

  7. #7
    Sencha User
    Join Date
    Jul 2012
    Posts
    13

    Default

    Quote Originally Posted by bluehipy View Post
    If you are new around, maybe you should take your time and read:
    http://docs.sencha.com/touch/2-0/#!/guide

    it will speed up your learning curve, it did for me
    I read some of those a couple of times, can't imagine how hard it would have been without them. At least there is some progress and I have only a few issues to resolve right now. :-)

    Worst is the flicker, sometimes when my app is loaded on iOS (showing a grouped list, seems to be related to grouping), then of course the textarea-issue, then sizing of images according to device-properties and last the inability to upgrade to 2.0.1.1 as long as the sdk-tools cause an issue related to Logger, which I failed to fix so far.

    Doesn't sound like progress? For me, it definitly is progress. ;-)

    Yours,
    Patrick.

  8. #8
    Sencha Premium User
    Join Date
    Mar 2010
    Location
    Romania
    Posts
    628
    Answers
    67

    Default

    Congrats Patrik

    It surely is progress. You should address each of the issues mentioned above in separate threads named meaningfully so the community will be able to react.

Posting Permissions

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