1. #1
    Sencha User
    Join Date
    Oct 2012
    Posts
    2
    Vote Rating
    0
    vpatstc is on a distinguished road

      0  

    Default Problem with nesting borderlayout panel into anchorlayout panel in Viewport

    Problem with nesting borderlayout panel into anchorlayout panel in Viewport


    Hello to all!
    I start to learn Ext and stuck with such problem. I have a viewport with code

    PHP Code:
    Ext.define('WIMM.view.Viewport', {
        
    extend'Ext.container.Viewport',
        
    autoScrolltrue,
        
    layout'anchor',
        
    items: [
            {
                
    borderfalse,
                
    title'Header',
                
    layout'fit',
                
    xtype'container',
                
    html'Header block. We\'ll try to do this again'
            
    },{
                
    layout'border',
                
    items: [
                    {
                        
    collapsibletrue,
                        
    width240,
                        
    title'Aside Column',
                        
    region:'west',
                        
    layout'fit',
                        
    html'Aside widgets (news, balance, budget, goals) would be here.'
                    
    },{
                        
    title'Main Block',
                        
    borderfalse,
                        
    region:'center',
                        
    layout'fit',
                        
    html'Main block were tabPanel would be nested in.'
                    
    }
                ]
            },{
                
    title'footer',
                
    xtype'container',
                
    layout'fit',
                
    html'Some information in footer (copyrights, disclaimer link)'
            
    }
        ]
    }); 
    But item with border layout shrinks and only 1px border of that block is visible. It's important for me to have scrollBar, so I can't use border layout for entire viewport. Please help me to solve that issue

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


    Some things cannot be auto sized so you have to either give the child items a size or give the parent a layout. Some layouts require the child items to have a special config to handle the size. The hbox/vbox layout need the flex config on the child items. The anchor layout needs the anchor config on the child items.
    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 User
    Join Date
    Oct 2012
    Posts
    2
    Vote Rating
    0
    vpatstc is on a distinguished road

      0  

    Default Thanks

    Thanks


    Thanks, the problem solved

Thread Participants: 1

Tags for this Thread