1. #1
    Sencha User
    Join Date
    Jan 2012
    Location
    Germany
    Posts
    7
    Vote Rating
    0
    Answers
    1
    Geraldf is on a distinguished road

      0  

    Default Answered: border layout and top border in north panel

    Answered: border layout and top border in north panel


    I have a border layout with a panel including to buttons in the north panel. it seams, that the panel with the two buttons has a top value of 0 and overwriting the top borderline in the north panel, and I cannot get it moving down.

    Here is a picture of it
    14.02.13_21_31-Bildschirmkopie.jpg14.02.13_21_27-Bildschirmkopie.png

    Here is the code showing the issue.
    Code:
    Ext.define('bcmWeb5.Viewport', {
        renderTo: Ext.getBody(),
        extend: 'Ext.container.Viewport',
        alias: 'widget.test',
        requires: [
            'Ext.tab.Panel',
            'Ext.layout.container.Border',
        ],
        layout: {
            type: 'border'
        },
        border: false,
        frame: false,
        items: [{
                region: 'west',
                xtype: 'panel',
                title: 'west',
                padding: '0 5 0 0',
                width: 150
            }, {
                //margins: '5 5 0 0',
                region: 'center',
                xtype: 'tabpanel',
                items: [{
                        title: 'Center Tab 1'
                    }
                ]
            }, {
                region: 'north',
                xtype: 'panel',
                border: false,
                frame: false,
                items: [{
                        xtype: 'curuser'
                    }],
                height: 100
            }]
    });
    
    
    Ext.define('bcmWeb5.CurUser',
            {
                extend: 'Ext.Panel',
                alias: 'widget.curuser',
                height: 100,
                border: false,
                frame: false,
                layout: {
                    type: 'hbox'
    
    
    
    
                },
                items: [{
                        html: '',
                        flex: 1
                    }, {
                        xtype: 'panel',
                        border: false,
                        frame: false,
                        id: 'bbb',
                        bodyStyle: {
                            background: 'transparent',
                            padding: '10px'
                        },
                        align: 'stretch',
                        height: 100,
                        defaults: {
                            width: 100
    
    
                        }, layout: {
                            type: 'vbox'
                        },
                        width: 100,
                        items: [{
                                xtype: 'button',
                                iconCls: 'aimg',
                                text: 'TestButton',
                                textAlign: 'left',
                                action: 'b1'
                            },
                            {
                                xtype: 'button',
                                iconCls: 'aimg',
                                text: 'TestButton2',
                                textAlign: 'left',
                                action: 'b2'
                            }
                        ]
    
    
    
    
    
    
                    }]
    
    
            }
    );
    
    
    Ext.onReady(function() {
        var window = Ext.createWidget('test');
        window.show();
    });

  2. The parent panel of the button is using height : 100, why not use the layout more and use flex config instead?

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


    The parent panel of the button is using height : 100, why not use the layout more and use flex config instead?
    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.

  4. #3
    Sencha User
    Join Date
    Jan 2012
    Location
    Germany
    Posts
    7
    Vote Rating
    0
    Answers
    1
    Geraldf is on a distinguished road

      0  

    Default


    Hi Mitchel,
    good idea, Done it.

    thanks.
    Gerald

Thread Participants: 1

Tags for this Thread