1. #1
    Sencha User
    Join Date
    Feb 2013
    Location
    Dallas
    Posts
    11
    Vote Rating
    0
    cb01 is on a distinguished road

      0  

    Default Tab.Panel in IE10

    Tab.Panel in IE10


    Hello,

    I am new to Sencha Touch 2.2 and this should be a very simple question.

    I am creating two tab panels, both have an icon and a title. In Chrome the options look OK, but in IE10, it seems like the icons are aligned to the bottom and the text aligned to the top.

    Is there a way I can explicitly control the alignment of the icons and text?

    Thank you!

    Code:
    launch: function() {
            // Destroy the #appLoadingIndicator element
            Ext.fly('appLoadingIndicator').destroy();
    
    
            var aboutPanel = Ext.create('Ext.Panel', {
                html: 'About Panel',
                title: 'About',
                iconCls: 'info'
            });
    
    
            var favoritesPanel = Ext.create('Ext.Panel', {
                html: 'Favorites Panel',
                title: 'Favorites',
                iconCls: 'favorites'
            });
    
    
            var tabPanel = Ext.create("Ext.tab.Panel", {
                fullscreen: true,
                tabBarPosition: 'top'
            });
    
    
            tabPanel.add(aboutPanel);
            tabPanel.add(favoritesPanel);
        },
    Sencha.jpg

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,327
    Vote Rating
    850
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Inspect the DOM to see what CSS is causing this
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

Thread Participants: 1

Tags for this Thread