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

      0  

    Exclamation tabpanel vbox layout issue after latest Ext Designer update

    tabpanel vbox layout issue after latest Ext Designer update


    Designer version tested:
    • Designer 1.2.2 rev 48
    Operating System:
    • Mac OS X - 10.6.8
    Framework:
    • Ext JS 3.4
    Description:
    • After updating Ext Designer, the change in the layout configuration for a tab results in the scroll bar appearing immediately at the end of the content instead of at the right side of the browser. This only happens in Firefox 7.0.1.
    Test Case:

    Here's the sdiff (left side original format, right side new format):
    Code:
    layout: {                             |                             layout: 'vbox',
        align: 'stretch',                 <
        type: 'vbox'                      <
    },                                    <
    title: 'Test Info',                                                 title: 'Test Info',
                                          >                             align: 'stretch',

    Steps to reproduce the problem:
    • Open up 3.4.x project which includes a tab panel with layout type: vbox and layout align: stretch after update
    The result that was expected:
    • scrollbar should appear at the right edge of browser
    The result that occurs instead:
    • scrollbar appears at the end of the panel
    Screenshot(s) or Video:
    • attached
    Debugging already done:
    • none
    Possible fix:
    • maintain layout: {type: 'vbox', align: 'stretch'} instead of layout: 'vbox', align: 'stretch'

  2. #2
    Sencha - Architect Dev Team aconran's Avatar
    Join Date
    Mar 2007
    Posts
    9,105
    Vote Rating
    114
    aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold

      0  

    Default


    Gerald -

    This does look like a bug, could you provide us a sample project that illustrates this issue?

    Thanks,
    Aaron Conran
    @aconran
    Sencha Architect Development Team

  3. #3
    Sencha User j-joey's Avatar
    Join Date
    Apr 2008
    Location
    Mersin, Turkey
    Posts
    186
    Vote Rating
    0
    j-joey is on a distinguished road

      0  

    Default


    i also have this issue. vbox and hbox layouts need align property to be set in layoutConfig object.

  4. #4
    Ext JS Premium Member
    Join Date
    Dec 2008
    Location
    Oregon
    Posts
    4
    Vote Rating
    0
    mdoddridge is on a distinguished road

      0  

    Default


    I have a large project we are converting to use the latest Designer and am having the same issue. We rely heavily on vbox and hbox.
    Right now I can't continue with the conversion because this really messed up the application.
    It took me two days to figure out what the issue was.

  5. #5
    Sencha User j-joey's Avatar
    Join Date
    Apr 2008
    Location
    Mersin, Turkey
    Posts
    186
    Vote Rating
    0
    j-joey is on a distinguished road

      0  

    Default


    i have a quick and dirty workaround for this problem, this may help you

    Code:
    Ext.Container.prototype.initComponent = Ext.Container.prototype.initComponent.createInterceptor( function(){ 
    	if ( { 'vbox' : true, 'hbox' : true }[ this.layout ] ){
    		this.layoutConfig = this.layoutConfig || {};
    		Ext.applyIf( this.layoutConfig, {
    			 type	: this.layout
    			,align	: this.align
    			,pack	: this.pack || 'start'
    		} );
    	} 
    } );