Results 1 to 2 of 2

Thread: TabPanel hideMode visiblity issues

  1. #1
    Ext User
    Join Date
    Jul 2007
    Posts
    17
    Vote Rating
    0
      0  

    Default TabPanel hideMode visiblity issues

    Hi there. Please consider the following code:

    Code:
    Ext.onReady(function() {
     
       var tabs = new Ext.TabPanel({
            renderTo: 'main-tab-panel',
            width:950,
            //height: 750,
            activeTab: 0,
            frame:true,
            //plain: true,
            bwrapCfg:{tag:'div',position:'absolute',cls:'x-panel-bwrap'},
            defaults:{autoHeight: true, hideMode: 'visibility'},
            items:[
                {contentEl:'classroom-tab', title: 'My Tab 1'},
                {contentEl:'documents-tab', title: 'My Tab 2'},
                {contentEl:'whiteboard-tab', title: 'My Tab 3'}
            ]
        });
    
    });
    I found that adding bwrapCfg options and setting hideMode to "visiblity" is necessary (I think at least) so that Flash movies and applets do NOT reload when flipping between tabs. This all works wonderfully except when I flip between tabs now, the contents of the previously visited tab aren't visible but retain their width/height thus leaving a blank white space and pushing all the content down of the newly visited tab. Please forgive me as this is kind of difficult to explain in words. It seems the div's within my tab container (each tabs' content) are being stacked. I'm assuming that Ext is simply hiding the visibility of the contents but not removing it from the display (to prevent reloading of Flash/Applets instead of doing "display:none" on the div's which I'm assuming is what's causing the reloads). Is there any way to fix this? I really need to solve this problem and I would greatly appreciate some help. Thanks for your time

  2. #2

Posting Permissions

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