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

      0  

    Default Horizontally scrollable bottom tabs

    Horizontally scrollable bottom tabs


    I slightly modified the kitchen sink demo by appending a bunch of cards so I'd have enough to go off the screen, and then adding a property to the TabPanel, scroll: 'horizontal'

    According to the documentation it was my understanding this would allow me to scroll the tabs if they overflowed off the viewable area. However this is not the case (btw, sortable worked perfectly). How do I implement scrolling tabs in the bottom tabs example after I add additional tabs to it?

    Also, there is the following property in the tabpanel:
    defaults: {
    scroll: 'vertical',
    },
    What's with the extra comma, and what is this property meant to do on this page?

  2. #2
    Sencha User
    Join Date
    Mar 2007
    Location
    Haarlem, Netherlands
    Posts
    1,243
    Vote Rating
    8
    TommyMaintz will become famous soon enough

      0  

    Default


    Try to use this in the tabpanel config

    Code:
    tabBar: {
        scroll: 'horizontal'
    }

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

      0  

    Default


    Worked, thanks. Anyone up for answering part 2?

    There is the following property in the tabpanel of the kitchensink bottomtabs example:
    defaults: {
    scroll: 'vertical',
    },
    What's with the extra comma, and what is this property meant to do on this page?

  4. #4
    Sencha User
    Join Date
    Mar 2007
    Location
    Haarlem, Netherlands
    Posts
    1,243
    Vote Rating
    8
    TommyMaintz will become famous soon enough

      0  

    Default


    The extra comma is a mistake. The defaults configuration option allows you to set defaults for each item inside that container. In this case we make each item inside the tabpanel vertically scrollable.

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

      0  

    Default


    Thanks for the help, first day with extjs/sencha (been off in jquery land), for some reason I thought defaults applied to the buttons themselves rather than the display area... I was wondering how vertically scrollable buttons would work, lol!

Similar Threads

  1. autoscrolling bottom tabs
    By jmcneese in forum Ext 2.x: User Extensions and Plugins
    Replies: 0
    Last Post: 25 Nov 2008, 3:12 PM
  2. Add tabs at bottom in TabPanel
    By ravi jain in forum Ext 2.x: Help & Discussion
    Replies: 1
    Last Post: 4 Nov 2008, 11:11 PM
  3. Complex Layout: Splitting Tabs Horizontally
    By bmspam in forum Ext 2.x: Help & Discussion
    Replies: 0
    Last Post: 5 Feb 2008, 5:39 AM
  4. Tabs at the bottom? (without a layout manager)
    By alanwilliamson in forum Ext 1.x: Help & Discussion
    Replies: 7
    Last Post: 7 Dec 2006, 8:12 AM

Thread Participants: 1

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar