Results 1 to 2 of 2

Thread: vbox inside hbox has 0 height

  1. #1
    Sencha User
    Join Date
    Oct 2011
    Posts
    1
    Vote Rating
    0
      0  

    Default vbox inside hbox has 0 height

    I'm having trouble getting a vbox panel inside of an hbox panel to show up. The vbox panel always has 0 height regardless of its children. I've reduced it to a simple example that illustrates the issue

    Code:
    items: [{
       layout: 'hbox',
       items: [{
          layout: 'vbox',
          items: [{
                html: 'left-top'
             },{
                html: 'left-bottom'
             }]
          },{
             html: 'center'
          },{
             html: 'right'
       }]
    }]
    The center and right panels are visible, but the left panel has 0 height. Giving it a fixed height works, but is not an option since the content is dynamic.

    Any suggestions would be greatly appreciated.
    Thanks.

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

    Default

    HBox and VBox layouts do not support auto heighting so you must specify a height. Whether this is the height config, flex or within the layout config.
    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

Tags for this Thread

Posting Permissions

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