CODEWITHSUNDEEP
javascriptipadsafarimobile-safarisencha-touch
copenndthagen
copenndthagen

Reputation: 50752

Show bottom tab bar in iPad Safari

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 ?

Upvotes: 1

Views: 464

Answers (1)

stan229
stan229

Reputation: 2607

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
});

Upvotes: 1

Related Questions