Hybrid View

  1. #1
    Sencha Premium Member
    Join Date
    Mar 2012
    Location
    Spokane Washington, USA
    Posts
    20
    Vote Rating
    2
    DaveAlger is on a distinguished road

      0  

    Default Best way to add scroll bars to entire application...

    Best way to add scroll bars to entire application...


    I have the following Viewport that houses my app...

    Code:
        Ext.define('my.view.Viewport', {
            extend: 'Ext.Viewport',
            id: 'viewport',
            layout: 'border',
            autoDestroy: true,
    
    
            initComponent: function() {
                this.items = [
                    {xtype: "widget.HeaderContainer"},
                    {xtype: "widget.BodyContainer"},
                    {xtype: "widget.FooterContainer"}
                ];
                this.callParent(arguments);
            }
        });
    As the browser window resizes all the components fill the space nicely but when the window goes below 1024x768 I would like scrollbars to appear as if all the components draw as if the window was 1024x768 (and then go away if the window view is greater than 1024x768 again)

    Hope this makes sense. Probably something simple but I couldn't find a way to do this without it being too buggy.

    Thanks for your suggestions

  2. #2
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    9,197
    Vote Rating
    482
    scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future

      0  

    Default


    You could add a container inside your viewport with autoscroll.

    Scott.

Thread Participants: 1

Tags for this Thread