1. #1
    Sencha User
    Join Date
    Feb 2011
    Posts
    27
    Vote Rating
    0
    ngardner is on a distinguished road

      0  

    Default cardLayout and scrolling

    cardLayout and scrolling


    I have an app that is using the cardLayout to move between Panels. However, I am having an issue with scrolling. If my panel has more info than can fit on the screen I cannot see it. Ive set scroll: 'vertical', and you can slide the panel up and down, but it always jumps back to where it was - and any content thats hidden is not rendered. If I resize the browser window, i can then see the hidden content, but if course this does not work on mobile devices.

    How do I tell it to render the full panel, and allow a user to scroll through it? Heres my code for the panel.

    Code:
    new Ext.Panel({
                cardSwitchAnimation: 'slide',
                fullscreen: true,
                scroll: 'vertical',
                id    : 'mainPanel',
                layout: 'card',
                items : [
    		this.homeScreen, // 0
                    this.Profile, // 1
                    this.Question, // 2
                    this.Answer, // 3
                    this.Results, // 4
                    this.End // 5
                ],
                dockedItems: [
                    this.header,
                    this.footer
                ]
            });

  2. #2
    Sencha User
    Join Date
    Feb 2011
    Posts
    27
    Vote Rating
    0
    ngardner is on a distinguished road

      0  

    Default


    I got it working. The issue was that the panels I am loading in (this.homeScreen, this.Question, etc..) needed the scroll: 'vertical' property set.

  3. #3
    Sencha User
    Join Date
    Jun 2012
    Posts
    1
    Vote Rating
    0
    arlo is on a distinguished road

      0  

    Default


    This is the same problem I had and took me two days to solve it.

    Here is the code with the problem:

    Code:
    new Ext.Panel({
        layout: 'card',
        cardSwitchAnimation: 'flip',
        scroll: 'vertical',
        dockedItems: new Ext.TabBar({
            // some buttons
        }),
        items: [
            {
                html: some_html_content
            }
        ]
    });
    Naturally, I thought if I put some_html_content in one of the items in Panel, it will be scrollable. Yes, I was able to scroll it but the bottom part of the content, the one that went down of the screen was cut out.

    And here is the corrected code:

    Code:
    new Ext.Panel({
        layout: 'card',
        cardSwitchAnimation: 'flip',
        dockedItems: new Ext.TabBar({
            // some buttons
        }),
        items: [
            new Ext.Panel({
                scroll: 'vertical',
                items: {
                    html: some_html_content
                }
            })
        ]
    });
    The solutions was to put another panel as an item in the parent panel. And that made everything to work fine.

Similar Threads

  1. scrolling tree node into view without horizontal scrolling
    By andynuss in forum Ext 3.x: Help & Discussion
    Replies: 0
    Last Post: 25 Aug 2010, 8:28 AM
  2. Adding too many panel to a Scrolling Tabpanel. The scrolling icon disappear
    By tomchen1000 in forum Ext 2.x: Help & Discussion
    Replies: 3
    Last Post: 20 Mar 2008, 4:26 AM
  3. CardLayout?
    By ncubeait in forum Ext 1.x: Help & Discussion
    Replies: 4
    Last Post: 28 Jan 2007, 2:22 PM

Thread Participants: 1

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi