Results 1 to 4 of 4

Thread: Tab Order in Layout Content Panels

  1. #1

    Default Tab Order in Layout Content Panels

    Hi:

    In the layout content panels, I see that tabs are rendered left right in the order in which they are added regardless of the div order in the HTML, and that the last tab added is the default. This give the tabs the appearance of being ordered right to left. Is there a way to make the left-most tab the default?

    Thanks.

    Ken

  2. #2
    Sencha User Animal's Avatar
    Join Date
    Mar 2007
    Location
    Bédoin/Nottingham
    Posts
    30,892

    Default

    set background:true on the configs of the added ContentPanels from 1 onwards. That will leave the one at index 0 as active.

    Or upgrade to Ext 2, and use activeTab:0 in the TabPanel config.

  3. #3

    Default

    Thank you, Mr. Animal.

    Ken

  4. #4

    Default

    Animal:

    I spoke too soon. The background:true didn't seem to work. Now all the panels are in the background. Maybe I have some other conflicting config? This is Ext 1.1.

    Code:
    var innerLayout2 = new Ext.BorderLayout('hcaMoreInfo', {
            center: {
                tabPosition:'top',
                titlebar:false,
                autoScroll: false,
                closeable:false
           }    
        }
        );  
    
     hcaCoordInfo = new Ext.ContentPanel('hcaCoordInfo', {
           title:'Coordination',
           closeable:false       
         },
          "<p>This should be the default panel</p>"
        );
    
    innerLayout2.add('center', hcaCoordInfo);          
    
    innerLayout2.add('center', new Ext.ContentPanel('hcaSchedule', {
           title:'Schedule',
           closeable:false,
           background:true       
        }
        ));
        
    innerLayout2.add('center', new Ext.ContentPanel('hcaHistory', {
           title:'History',
           closeable:false,
           background:true       
        }
        ));
        
    innerLayout2.add('center', new Ext.ContentPanel('hcaPersonnel', {
           title:'Personnel',
           closeable:false
           background:true      
        }
        ));
    Thanks,

    Ken

Posting Permissions

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