Results 1 to 2 of 2

Thread: possible regression: vbox layout, center align

Hybrid View

Previous Post Previous Post   Next Post Next Post
  1. #1
    Ext JS Premium Member
    Join Date
    Apr 2011
    Posts
    13
    Vote Rating
    0
      0  

    Default possible regression: vbox layout, center align

    The following code seems to work in Ext 4.0.7, but does not work in Ext 4.1-pr1:

    Code:
    Ext.create('Ext.window.Window', {
      title: 'Hello',
      autoShow: true,
      items: [ {
        xtype: 'component',
        html: 'XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX'
      }, {
        xtype: 'container',
         layout: {
           type: 'vbox',
           align: 'center',
           autoSize: true
         },
         items: [ {
           xtype: 'component',
           html: 'AAAAAAAA'
         } ]
      } ]
    });
    Specifically, in 4.0.7 the A component is centered relative to the window and the X component. In 4.1-pr1 it is left aligned.

    A minor difference I noticed is that in Ext 4.1-pr1 autoSize no longer does anything, but I don't think that's relevant to my issue because autoSize was only needed in 4.0.7 to get the vbox to appear at all, whereas in 4.1 it appears without it, it's just that the alignment seems wrong.

  2. #2
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,556
    Vote Rating
    1272
      0  

    Default

    The layout engines have been rewritten and the beta is due out soon (no dates). Of course beta is more stable than a developer preview release so this should be checked when the beta comes out.
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    https://github.com/mitchellsimoens

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •