Hybrid View

    Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Sencha - Community Support Team
    Join Date
    Jun 2010
    Posts
    220
    Vote Rating
    0
    meyerovb is on a distinguished road

      0  

    Default [FIXED-162] Docked back button in tabpanel's tabbar not appearing correctly

    [FIXED-162] Docked back button in tabpanel's tabbar not appearing correctly


    I want to embed a back button in a tabpanel's scrollable tabbar as shown below, however the button doesn't display correctly.

    Code:
    Ext.setup({ onReady: function () {
    var t = { title: 'Tab Tab Tab Tab Tab Tab' };
    new Ext.TabPanel({
        fullscreen: true,
        tabBar: {
            scroll: 'horizontal',
            dockedItems: [{ xtype: 'button', ui: 'back', text: 'back', dock: 'left'}]
        },
        items: [t, t, t, t, t]
    });
    }});

  2. #2
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    16,945
    Vote Rating
    636
    evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute

      0  

    Default


    Put it in the items, not the docked items.
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!

  3. #3
    Sencha - Community Support Team
    Join Date
    Jun 2010
    Posts
    220
    Vote Rating
    0
    meyerovb is on a distinguished road

      0  

    Default


    That isn't working, when I put an item in with xtype:button, it makes a tab and the tab's content is a button. I just want a back button docked to the left of the tabs, only in the tab bar. Can you send back example code please?

  4. #4
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    16,945
    Vote Rating
    636
    evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute

      0  

    Default


    Code:
    Ext.setup({
        onReady: function(){
            var t = {
                title: 'Tab Tab Tab Tab Tab Tab'
            };
            new Ext.TabPanel({
                fullscreen: true,
                tabBar: {
                    scroll: 'horizontal',
                    items: [{
                        xtype: 'button',
                        text: 'A'
                    }]
                },
                items: [t, t, t, t, t]
            });
        }
    });
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!

  5. #5
    Sencha - Community Support Team
    Join Date
    Jun 2010
    Posts
    220
    Vote Rating
    0
    meyerovb is on a distinguished road

      0  

    Default


    The point of making it a dockedItem was so that it wouldn't scroll with the rest of the tabs.

  6. #6
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    16,945
    Vote Rating
    636
    evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute

      0  

    Default


    Code:
    Ext.setup({
        onReady: function(){
            var t = {
                title: 'Tab Tab Tab Tab Tab Tab'
            };
            new Ext.TabPanel({
                fullscreen: true,
                dockedItems: [{
                    dock: 'left',
                    xtype: 'button',
                    text: 'A',
                    stretch: false
                }],
                tabBar: {
                    scroll: 'horizontal'
                },
                items: [t, t, t, t, t]
            });
        }
    });
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!

Similar Threads

  1. tabPanel Docked on top
    By Tuscon in forum Sencha Touch 1.x: Discussion
    Replies: 3
    Last Post: 1 May 2012, 6:20 AM
  2. Replies: 2
    Last Post: 30 Jul 2010, 6:50 PM
  3. [FIXED-162][3.0] VBoxLayout scrollOffset
    By Condor in forum Ext 3.x: Bugs
    Replies: 1
    Last Post: 23 Aug 2009, 6:09 PM

Thread Participants: 3