Results 1 to 10 of 11

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

Hybrid View

Previous Post Previous Post   Next Post Next Post
    Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Sencha User
    Join Date
    Jun 2010
    Posts
    220
    Vote Rating
    1
      0  

    Default [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
    18,600
    Vote Rating
    874
      0  

    Default

    Put it in the items, not the docked items.
    Evan Trimboli
    Twitter - @evantrimboli

  3. #3
    Sencha User
    Join Date
    Jun 2010
    Posts
    220
    Vote Rating
    1
      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
    18,600
    Vote Rating
    874
      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
    Twitter - @evantrimboli

  5. #5
    Sencha User
    Join Date
    Jun 2010
    Posts
    220
    Vote Rating
    1
      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
    18,600
    Vote Rating
    874
      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
    Twitter - @evantrimboli

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

Posting Permissions

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