PDA

View Full Version : Tabs inside of TabBar



toot1981
7 Dec 2010, 8:01 AM
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
7 Dec 2010, 11:43 AM
i tried it and it looks fine for me, what do you expected?

23714

toot1981
8 Dec 2010, 4:55 AM
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
8 Dec 2010, 8:05 AM
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.