1. #1
    Sencha User
    Join Date
    Jun 2011
    Posts
    2
    Vote Rating
    0
    tekromancR is on a distinguished road

      0  

    Default Overlapping panels

    Overlapping panels


    Code:
    Ext.setup({
        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...

  2. #2
    Sencha User
    Join Date
    Jun 2011
    Posts
    2
    Vote Rating
    0
    tekromancR is on a distinguished road

      0  

    Default Herp Derp

    Herp Derp


    I figured it out! Turns out that 'swipe' is not a valid cardSwitchAnimation... I feel dumb now