View Full Version : Overlapping panels

3 Jun 2011, 11:03 AM
icon: 'icon.png',
tabletStartupScreen: 'tablet_startup.png',
phoneStartupScreen: 'phone_startup.png',
glossOnIcon: false,
onReady: function() {

var tabPanel, articles, articles_main, articles_reviews, articles_dvd, articles_game, articles_music;

//These are the views for the various articles
articles_main = {
title: 'main',
html: 'The main feed goes here'

articles_reviews = {
title: 'reviews',
html: 'The reviews go here'

articles_dvd = {
title: 'dvd',
html: 'DVD news goes here'

articles_game = {
title: 'games',
html: 'Horror game news goes here'

articles_music = {
title: 'music',
html: 'The music info goes here'

//this panel contains tabs for the various news feeds
articles = new Ext.TabPanel({
iconCls: 'info',
title: 'articles',
tabBarDock: 'bottom',
fullscreen: false,
cardSwitchAnimation: 'cube',
style: "background-color: ff0000",
ui: "dark",
items: [articles_main, articles_reviews, articles_dvd, articles_game, articles_music]

//This is the main panel
tabpanel = new Ext.TabPanel({
tabBar: {
dock: 'bottom',
layout: {
pack: 'center'
fullscreen: true,
ui: 'dark',
cardSwitchAnimation: 'swipe',
items: [articles, {title: "twitter", iconCls: "twitter", html:"twitter integtration goes here!" }],



Anyone have any idea why when I switch between articles and twitter, the article bar stays, and the content overlaps? I am probably doing something wrong, but I am not sure what...

3 Jun 2011, 12:03 PM
I figured it out! Turns out that 'swipe' is not a valid cardSwitchAnimation... I feel dumb now :">