Results 1 to 6 of 6

Thread: children of default collapsed panel didn't render

  1. #1

    Default children of default collapsed panel didn't render

    hello!

    I had a panel, which was the east panel of the layout, default collapsed.
    if it opened by clicking on the bar, not the button, in ext 2, the child tabpanel rendered correctly.
    after upgrading ext to 3, it broke.
    if i expand the panel with the expand panel, it renders correctly, and after it the slideOut works too.
    slideOut before expanding doesn't

    on a video:
    http://screencast.com/t/ykYlEjP4fFX

    do anyone faced this problem?

  2. #2
    Sencha User Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,245

    Default

    You could set the east panel to forceLayout:true.

  3. #3

    Default

    unfortunately it didn't help

    I figured out that if the panel isn't inside a tabpanel, then it's rendered correctly
    but it must be in that tabpanel
    Last edited by Strati; 3 Nov 2009 at 8:03 AM. Reason: additional info

  4. #4

    Default

    here's the code that works correctly:

    Code:
    var bulletinTab = new Ext.Panel({
            title: 'Messages',
            forceLayout:true,
            items: bulletinTabItems,
            region: 'east',
            collapsible: true,
            collapsed: true
        });
     
        Layout = new Ext.Viewport({
            layout:'border',
            forceLayout: true,
            items:[
                 {
                        region: 'center',
                        title: 'Chaos'
                 },
                 bulletinTab
           ]
        });
    and with this one the contents of the tab doesn't correct:

    Code:
    var bulletinTab = new Ext.Panel({
            title: 'Messages',
            forceLayout:true,
            items: bulletinTabItems
        });
        
        var messagesPanel = new Ext.TabPanel({
            title: 'MessagesTab',
            forceLayout: true,
            items: [ bulletinTab ],
            activeTab: 0,
            width: 350,
            region: 'east',
            collapsible: true,
            collapsed: true
        })
     
        Layout = new Ext.Viewport({
            layout:'border',
            forceLayout: true,
            items:[
                 {
                        region: 'center',
                        title: 'Chaos'
                 },
                 messagesPanel
           ]
        });
    I added forceLayout: true everywhere

  5. #5

    Default

    any ideas?

  6. #6
    Sencha User Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,245

    Default

    I tried this, but I couldn't get it to fail (even without forceLayout:true).

    Can you post your 'bulletinTabItems' config?

    ps. There is one problem with your layout:
    You can't make a tabpanel collapsible (because the header is used for the tabs and can't correctly display the collapse tool). You'll need to wrap your tabpanel inside another panel.

Posting Permissions

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