Show bottom tab bar in iPad Safari

Question

Is it possible to show a tab bar at the bottom of a webpage, which looks similar to a native app (like button styled)

Something similar to http://www.sencha.com/files/blog/old/assets/images/emails/newsletter/20101207-demo1.png

Also can the same be done using Sencha touch or any other library ?

Answer 1

Sure.

You create a Ext.TabPanel and set the tabBar property to dock bottom.

Something like this:

app.views.Viewport = Ext.extend(Ext.TabPanel, {
    tabBar: {
        dock: 'bottom',
        ui: 'dark',
        layout: {
            pack: 'center'
        },
    },
    items: [{
        title: 'item1',
        iconCls: 'someicon'
    }, {
        title: 'item2',
        iconCls: 'someicon'
    }, {
        title: 'item3',
        iconCls: 'someicon'
    }],
   //more config
});