Results 1 to 2 of 2

Thread: TabPanel tabBar does not position at bottom of screen on Android phones

  1. #1
    Sencha User
    Join Date
    Sep 2011
    Posts
    5
    Answers
    1
    Vote Rating
    0
      0  

    Question TabPanel tabBar does not position at bottom of screen on Android phones

    There is a thread for this issue in the Sencha Touch 1.x forums here but I am experiencing the same problem in Sencha Touch 2

    Basically the main view of my application is a tabpanel, using the following config options it positions at the bottom of the screen for iPhone etc, but leaves a white line about 0.75cm below the tab panel on Android phones when in portrait view, and the space is a bit wider when in landscape view

    Code:
    Ext.define('MyApp.view.MainTabs', {
        extend: 'Ext.TabPanel',
        xtype: 'mainTabPanel',
        config: {
            tabBar: {
                docked: 'bottom',
                layout: {
                    pack: 'center'
                }
            },
            items: [ 
                 // items go here
            ]
        }
    });
    I've tried using tabBarPosition: 'bottom' within the tabPanel config, but this seems to have the same problem... any one know of a fix for this (or what I am doing wrong )

  2. #2
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,553
    Answers
    3931
    Vote Rating
    1272
      0  

    Default

    Are you wanting to submit a bug report?
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    https://github.com/mitchellsimoens

Posting Permissions

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