Results 1 to 5 of 5

Thread: Giving Ext.Panel 100% height?

  1. #1
    Sencha User
    Join Date
    Nov 2009
    Posts
    127

    Default Giving Ext.Panel 100% height?

    I recall reading somewhere in the docs you needed to assign a height to the container DIV, which I have done, but when I do assign '100%' nothing works, regardless of browser. Yet the examples all render to 100% height, what am I missing?

    Here is the config I am using:
    Code:
     
     
    
    var myBorderPanel = new Ext.Panel({ renderTo: 'container', width: '100%', height: '100%', // NOTE: This doesn't work????? //title: 'Border Layout',
    layout: 'border', defaults: { collapsible: true, split: true, bodyStyle: 'padding:15px' }, items: [{ title: 'Tasks', region: 'south', height: 150, minSize: 75, maxSize: 250, cmargins: '5 0 0 0' },{ title: 'Site Pages/Structure', region:'west', margins: '5 0 0 0', cmargins: '5 5 0 0', width: '30%', minSize: 100 //maxSize: 250 },{ title: 'Content', collapsible: false, region:'center', margins: '5 0 0 0' }]

  2. #2

  3. #3
    Sencha User
    Join Date
    Nov 2009
    Posts
    127

    Default

    Tried it, negative...didn't work... Any other ideas?

    EDIT | Sounds as thouogh maybe I'm missing a ViewPort in which the layout should be embeded inside? I"ll continue to experiment and pillaging the demo source codes :P

  4. #4
    Sencha User
    Join Date
    Sep 2009
    Location
    Calgary, Alberta, Canada
    Posts
    638

    Default

    Aren't you just using ViewPort?

  5. #5
    Sencha User
    Join Date
    Nov 2009
    Posts
    127

    Default

    I wasn't no...I copied the code from an example and it was using Panel not viewport...I have since switched and all is working as expected.

    Cheers,
    Alex

Posting Permissions

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