Hybrid View

  1. #1
    Sencha User
    Join Date
    Oct 2011
    Posts
    1
    Vote Rating
    0
    shanet is on a distinguished road

      0  

    Default vbox inside hbox has 0 height

    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 - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    35,676
    Vote Rating
    749
    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


    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 @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.

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