Success! Looks like we've fixed this one. According to our records the fix was applied for TOUCH-1340 in a recent build.
  1. #1
    Sencha Premium Member
    Join Date
    Nov 2010
    Posts
    7
    Vote Rating
    0
    fulanke is on a distinguished road

      0  

    Default TabBar doesn't show at the bottom on a tabPanel

    TabBar doesn't show at the bottom on a tabPanel


    REQUIRED INFORMATION
    Ext version tested:
    • Sencha Touch 2.0.0-pr3
    Browser versions tested against:
    • Chrome 16.0.912.63
    • Safari 5.1
    • Iphone simulator 5.0
    Description:
    • The tabBar of the tabPanel class doesn't show if docked to bottom
    Code:
    Ext.application({
        name: 'Sencha',
    
    
        launch: function() {
            Ext.create('Ext.tab.Panel', {
                fullscreen: true,
                tabBarPosition: 'bottom',
                ui: 'dark',
                defaults: {
                    styleHtmlContent: true
                },
                items: [
                    {
                        title: 'Home',
                        iconCls: 'home',
                        html: 'Home Screen'
                    },
                    {
                        title: 'Contact',
                        iconCls: 'user',
                        html: 'Contact Screen'
                    }
                ]
            });
        }
    });

    HELPFUL INFORMATION

    Operating System:
    • Mac OS X 10.7

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,647
    Vote Rating
    899
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Using your code, I cannot reproduce this with PR3 or our latest code.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha Premium Member
    Join Date
    Nov 2010
    Posts
    7
    Vote Rating
    0
    fulanke is on a distinguished road

      0  

    Default bottom dock problem....

    bottom dock problem....


    in fact, i cannot dock anything at the bottom...
    even in a Ext.NavigationView
    all the other sides work: top, left, right, but when i put it on the bottom nothing appear.

    It's juste a simple tutorial, here is my index.html, and the index.js is in my preview post....

    Code:
    <html> 
    <head> 
        <title>Hello World</title>
        <link rel="stylesheet" href="touch/resources/css/apple.css" type="text/css" />
    
    
        <script type="text/javascript" src="touch/sencha-touch-all.js"></script>
        <script type="text/javascript" src="index.js"></script>
    
    
        <script type="text/javascript"> 
            function appLoad(){
    
    
            }  
        </script> 
    </head> 
    <body onLoad="appLoad()"> 
    </body> 
    </html>

  4. #4
    Sencha User
    Join Date
    Nov 2011
    Posts
    3
    Vote Rating
    0
    raynic is on a distinguished road

      0  

    Default


    I have the same problem. Even with RC3. I tried it with the example provided in the docu.
    ray

  5. #5
    Sencha User
    Join Date
    Apr 2010
    Posts
    4
    Vote Rating
    0
    JeffHeard is on a distinguished road

      0  

    Default


    I get the same problem, and I'm using the same system parameters. I downloaded PR3 today, and I have been really excited about it, but I've been stumped on this issue all evening. Everything else seems to work well for me, but I cannot get a tab bar to show up in a browser.

    Even copying the code directly from your Getting Started tutorial, I get the same problem. I realize that you're running in a "live demo" mode on the tutorial, so the bug is especially confusing.

  6. #6
    Sencha User Jamie Avins's Avatar
    Join Date
    Mar 2007
    Location
    Redwood City, California
    Posts
    3,661
    Vote Rating
    18
    Jamie Avins is a jewel in the rough Jamie Avins is a jewel in the rough Jamie Avins is a jewel in the rough

      0  

    Default


    We'll take a closer look at it.

    Sencha Inc

    Jamie Avins

    @jamieavins

  7. #7
    Sencha - Sencha Touch Dev Team rdougan's Avatar
    Join Date
    Oct 2008
    Posts
    1,158
    Vote Rating
    6
    rdougan will become famous soon enough

      0  

    Default


    Are you guys using a HTML5 DOCTYPE?
    Sencha Inc.
    Robert Dougan - @rdougan
    Sencha Touch 2 and Ext JS 4 Core Team Member, SASS/Theming Wizard.

  8. #8
    Sencha User
    Join Date
    Apr 2010
    Posts
    4
    Vote Rating
    0
    JeffHeard is on a distinguished road

      0  

    Default


    Yeah, for me at least it turned out to be a typo. A very insidious little typo, that for whatever reason didn't turn up any errors in my debugger

    I had:

    <!DOCTYPE <html>
    <html>
    ...
    </html>

    Instead of

    <!DOCTYPE html>
    <html>
    </html>

    What a weird failure mode...

  9. #9
    Sencha - Sencha Touch Dev Team rdougan's Avatar
    Join Date
    Oct 2008
    Posts
    1,158
    Vote Rating
    6
    rdougan will become famous soon enough

      0  

    Default


    Yup, can be annoying.

    I've added it to the documentation for the next release, so hopefully it won't trip anyone else up.
    Sencha Inc.
    Robert Dougan - @rdougan
    Sencha Touch 2 and Ext JS 4 Core Team Member, SASS/Theming Wizard.

  10. #10
    Sencha Premium Member
    Join Date
    Nov 2010
    Posts
    7
    Vote Rating
    0
    fulanke is on a distinguished road

      0  

    Default


    Thanks you guys, it resolves the problem!!