Results 1 to 2 of 2

Thread: Bug with activeGroup config option on GroupTabPanel

Hybrid View

Previous Post Previous Post   Next Post Next Post
    You found a bug! We've classified it as EXTJS-6654 . We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
  1. #1
    Sencha User
    Join Date
    Jun 2012
    Vote Rating

    Default Bug with activeGroup config option on GroupTabPanel

    REQUIRED INFORMATION Ext version tested:
    • Ext 4.1 rev 0

    Browser versions tested against:

    • IE9.0.7
    • FF13.0.1 (firebug 1.9.2 installed)

    • activeGroup config option doesn't set the active group correctly. Changing the grouptabs example grouptabs.js to set activeGroup to 1 (i.e. the second group of tabs) and reload, the active group is correctly set in the left hand side, however the active tab is now the 2nd tab of the first group (the 'Tickets' tab) - which doesn't make any sense. The white highlighted tab group is correct but the tab is from the first group.

    Steps to reproduce the problem:
    • Change line 21 of the ext 4.1 examples/grouptabs/grouptabs.js file to read activeGroup: 1 instead of 0
    • Run examples/grouptabs/grouptabs.html in the browser

    The result that was expected:
    • The 2nd group (group 1) is highlighted in white as the active group and the first tab of that group is displayed in the main (rhs) window - i.e the 'Configuration' tab with the lorem ipsum text.

    The result that occurs instead:
    • The 2nd group (group 1) is highlighted in white as the active group. The second tab of the first group ('Tickets') is displayed in the main (rhs) window.

    Test Case:
       Ext.create('Ext.Viewport', {
            layout: 'fit',
            items: [{
                xtype: 'grouptabpanel',
                activeGroup: 1,
                items: [{
                    mainItem: 1,
                    items: [{
                        title: 'Tickets',
                        iconCls: 'x-icon-tickets',
                        tabTip: 'Tickets tabtip',
                        //border: false,
                        xtype: 'gridportlet',
                        margin: '10',
                        height: null
                    }, {
    Debugging already done:
    • none

    Possible fix:
    • not provided

    Additional CSS used:
    • only default ext-all.css

    Operating System:

    • Win7

  2. #2
    Sencha Premium User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Gainesville, FL
    Vote Rating


    Thanks for the report.
    Mitchell Simoens @LikelyMitch
    Modus Create, Senior Frontend Engineer
    Need any sort of Ext JS help? Modus Create is here to help!

    Check out my GitHub:

Posting Permissions

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