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 User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,026
    Answers
    3976
    Vote Rating
    1367
      0  

    Default

    Are you wanting to submit a bug 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:
    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
  •