Tabs inside of TabBar

[toot1981]

Hi,

i'm trying to build an app that uses a tabbar as main panel with 5 items. Inside of item one I'm trying to use tabs as docked item. There are no syntax errors or so, the app is running wihout errors, but the size of the tabs is really huge. Something went wrong, can someone help?


Ext.setup({
icon: 'icon.png',
tabletStartupScreen: 'tablet_startup.png',
phoneStartupScreen: 'phone_startup.png',
glossOnIcon: false,
onReady: function() {
var tabs = new Ext.TabPanel({
type: 'dark',
sortable: true,
items: [{
title: 'Tab 1',
html: '1',
cls: 'card1'
}, {
title: 'Tab 2',
html: '2',
cls: 'card2'
}]
});
var tabpanel = new Ext.TabPanel({
tabBar: {
dock: 'bottom',
layout: {
pack: 'center'
}
},
fullscreen: true,
ui: 'dark',
cardSwitchAnimation: {
type: 'slide',
cover: true
},
defaults: {
scroll: 'vertical'
},
items: [{
title: 'Tabs',
iconCls: 'info',
dockedItems: tabs
}, {
title: 'Favourites',
html: '<h1>Favorites Card</h1>',
iconCls: 'favorites',
cls: 'card2'
}, {
title: 'Downloads',
html: '<h1>Downloads Card</h1>',
cls: 'card3',
iconCls: 'download'
}, {
title: 'Settings',
html: '<h1>Settings Card</h1>',
cls: 'card4',
iconCls: 'settings'
}, {
title: 'User',
html: '<h1>User Card</h1>',
cls: 'card5',
iconCls: 'user'
}]
});
}
});

[mrsunshine]

i tried it and it looks fine for me, what do you expected?

23714

[toot1981]

Hallo mrsunshine,

ich habe auf einer Sencha-Beispieldatei aufgebaut, mit zusätzlichen CSS-Angaben in der index.html. Nachdem ich die index.html "aufgeräumt" habe läuft es. Danke für Ihren Hinweis.

Noch eine Frage, ich beschäftige mich gerade im Zuge meine Master-Thesis mit plattformneutraler Applikationsentwicklung für Smartphones und habe vor, eine iPhone und Android kompatible App mit Sencha Touch zu entwickeln. Kennen Sie neben den Informationen direkt von Sencha noch geeignete Quellen, um in das Thema einzusteigen? Eignet sich Ext JS Literatur gleichermaßen?

Vorab vielen Dank für Ihre Hilfe und beste Grüße,
toot1981

[mrsunshine]

Hey,

the extjs literature will give you a good start how you the things work, many things are similar to sencha touch. so it will give you a better understanding about what you have to do.

for sencha touch learning in general use http://www.sencha.com/learn/Sencha_Touch as starting point.