1. #1
    Sencha Premium Member
    Join Date
    Nov 2012
    Posts
    28
    Vote Rating
    0
    osolano is on a distinguished road

      0  

    Default Unanswered: Scroll is stuck to device screen size

    Unanswered: Scroll is stuck to device screen size


    I'm trying to create a panel that is composed of multiple panels, more panels that fit in the size of an iPad screen. I set the main panel to scrollable and the scrolling works, but it is stuck to the size of the viewport. For example if I have set the height of the main Panel to 2000, but my screen size is 1500, scroll is stuck to 1500. I can't view anything at the bottom of the page.
    I've tried setting the main view to a Card, Vbox, or Hbox layout, but they all behave the same.

    Anyone have any ideas?

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,207
    Answers
    3517
    Vote Rating
    856
    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


    Sounds like you are having layout or overnesting issue. Can you give me a simple and locally runnable test case?
    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.

  3. #3
    Sencha Premium Member
    Join Date
    Nov 2012
    Posts
    28
    Vote Rating
    0
    osolano is on a distinguished road

      0  

    Default Scroll is stuck to device screen size

    Scroll is stuck to device screen size


    Below is the code I just created in Sencha Architect. I am definitely using nested panels in a lot of my views for the purpose of style, layout and compartmentalizing particular features.

    Code:
    Ext.define('MyApp.view.MyPanel', {    extend: 'Ext.Panel',
    
    
        config: {
            height: 2000,
            layout: {
                type: 'vbox'
            },
            scrollable: 'vertical',
            items: [
                {
                    xtype: 'panel',
                    flex: 1,
                    html: 'Text'
                },
                {
                    xtype: 'panel',
                    flex: 1,
                    html: 'Text'
                },
                {
                    xtype: 'panel',
                    flex: 1,
                    html: 'Text'
                }
            ]
        }
    
    
    });

  4. #4
    Sencha Premium Member
    Join Date
    Nov 2012
    Posts
    28
    Vote Rating
    0
    osolano is on a distinguished road

      0  

    Default


    mitchellsimoens,

    Just wanted to check if what I provided helps.

Thread Participants: 1

Tags for this Thread