1. #1
    Sencha User
    Join Date
    Aug 2010
    Posts
    177
    Vote Rating
    0
    mcadirci is on a distinguished road

      0  

    Question Vbox problem with vertical scrolls

    Vbox problem with vertical scrolls


    Hello,

    I have a panel with vbox layout, when i resize my window the vertical scroll doesn't appear.

    Here is my code:
    PHP Code:
    function getContentPanel() {
        var 
    contentPanel = new Ext.Panel( {
            
    region 'center',
            
    layout: {
                
    type'vbox',
                
    align'center'
            
    },
            
    autoScrolltrue,
            
    items : [ new Ext.Panel( {
                    
    layout:'column',
                    
    autoScrolltrue,
                    
    width1102,
                    
    heigth1102,
                    
    title '<center><fmt:message key="UserAddDeleteManage" /></center>',
                    
    items : [getNewUserForm(),getJsonGrid()]
                })
            ]
        });
        return 
    contentPanel;

    PHP Code:
    function setLayout() {
        
    viewport = new Ext.Viewport( {
            
    layout 'border',
            
    items : [ getHeaderPanel(), getContentPanel() ,getFooterPanel()]
        });

    I use vbox this because I need to center the content panel. Any sugestion would be really great.

    Thanks.

    --
    Mehmet

  2. #2
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,246
    Vote Rating
    97
    Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of

      0  

    Default


    VBox and HBox layout don't support scrolling.

    You will have to reconfigure your layout so the container inside the box layout does the scrolling.

  3. #3
    Sencha User
    Join Date
    Aug 2010
    Posts
    177
    Vote Rating
    0
    mcadirci is on a distinguished road

      0  

    Default


    May I ask you how?

    --
    Mehmet

  4. #4
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,246
    Vote Rating
    97
    Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of

      0  

    Default


    Try:
    Code:
    function getContentPanel() {
        var contentPanel = new Ext.Panel({
            region : 'center',
            layout: {
                type: 'vbox',
                align: 'center'
            },
            items : [{
                xtype: 'container',
                width: 1102,
                flex: 1,
                autoScroll: true,
                layout: 'anchor',
                items: {
                    anchor: '0',
                    layout:'column',
                    heigth: 1102,
                    title : '<center><fmt:message key="UserAddDeleteManage" /></center>',
                    items : [getNewUserForm(),getJsonGrid()]
                }
            }]
        });
        return contentPanel;
    }
    Disclaimer: Completely untested code!

  5. #5
    Sencha User
    Join Date
    Aug 2010
    Posts
    177
    Vote Rating
    0
    mcadirci is on a distinguished road

      0  

    Default


    Copy paste worked thanks alot Condor.

    --
    Mehmet

Similar Threads

  1. Problem in TreeTable Vertical Scrollbar
    By livinglegends in forum Ext GWT: Discussion
    Replies: 4
    Last Post: 22 Jun 2009, 8:34 PM
  2. No vertical scrollbar with vbox layout
    By mjdslob in forum Ext 3.x: Help & Discussion
    Replies: 9
    Last Post: 19 Jun 2009, 10:37 PM
  3. Problem in TreeTable Vertical Scrollbar
    By livinglegends in forum Ext GWT: Discussion
    Replies: 0
    Last Post: 15 Jun 2009, 5:37 AM
  4. Grids and Vertical/Horizonal Scrolls
    By jabbey in forum Community Discussion
    Replies: 1
    Last Post: 17 Dec 2008, 2:00 AM
  5. Slight problem using TabPanel and scrolls
    By santiago.alvarez in forum Ext 2.x: Help & Discussion
    Replies: 2
    Last Post: 20 Dec 2007, 11:15 AM

Thread Participants: 1

Tags for this Thread