Threaded View

    Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Sencha User
    Join Date
    Mar 2012
    Posts
    3
    Vote Rating
    0
    scutaru is on a distinguished road

      0  

    Default buttons in a toolbar loose their position after the left side is collapsed

    buttons in a toolbar loose their position after the left side is collapsed


    Hi,


    Ext version tested:
    • Ext 3.2.0 rev ____


    Adapter used:
    • ext


    css used:
    • only default ext-all.css


    Browser versions tested against:
    • FF3 (firebug 1.7.3 installed)


    Operating System:
    • Win7



    I'm facing some problems when I use a Ext.Toolbar with a collapsible region. If you run the example below and do the following actions:
    1) play with the buttons a little (rearrange them)
    2) collapse the left area
    3) expand the left area
    You will notice that the buttons are overlapping.

    Here's an example that proves what happens:

    Code:
    Ext.onReady(function(){
    
            var reorderer = new Ext.ux.ToolbarReorderer();        
            var toolbar = new Ext.Toolbar({
                items  : [
                {
                    text: 'Button1',
                    reorderable : false
                },
                {
                    text: 'Button2.1',
                    reorderable : true
                },
                {
                    text: 'Button2.2',
                    reorderable : true
                },
                {
                    text: 'Button2.3',
                    reorderable : true
                },
                {
                    text: 'Button2.4',
                    reorderable : true
                },
                {
                    text: 'Button3',
                    reorderable : false
                },
                ],
                plugins: [reorderer]
            });
    
            var win = new Ext.Window({
                layout: 'border',
                renderTo: Ext.getBody(),
                width:600,
                height:300,
                items: [
                {
                    title: 'Navigation',
                    region:'west',
                    margins: '5 0 0 0',
                    cmargins: '5 5 0 0',
                    width: 175,
                    minSize: 100,
                    maxSize: 250,
                    collapsible: true,
                    split: true
                },
                new Ext.Panel({
                    id: 'centerPanel',
                    region  :'center',
                    items   : [toolbar],
                    border  : true,
                    width   : 300
                })
                ]            
            });
            
            win.show();
    });
    Thank you !
    Attached Images

Thread Participants: 1

Tags for this Thread

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar