Tab elements not shown on fullscreen = true

[akpotosufredrick]

Hi,

in the newest Sencha 2.1 from 6.11.2012 when your panel has fullscreen true, the tab icon and name are not shown. it gets a custom style visibility:hidden.

[mitchellsimoens]

Can I get a simple testcase so I can understand or see if something is going wrong?

[akpotosufredrick]

i have my main panel like this:

Ext.define("Wickelplaetze.view.Main", {
    extend: 'Ext.tab.Panel',
	xtype: 'mainpanel',
    
    config: {
        tabBarPosition: 'bottom',
		//iconMask: true,
        
        items: [
            {
                xtype: 'home',
				iconCls: 'home',
				title: 'Home'
            },
			{
				xtype: 'mainsearch',
				iconCls: 'search',
				title: 'Suche'
			},
			{
				xtype: 'indernaehe',
				title: 'In derNähe',
				iconCls: 'locate'
			},
			{
				xtype: 'suggestloc',
				iconCls: 'add',
				title: 'Vorschlagen'
			}
        ]
    }
});

als long as the homepanel is like this it is not shown in the tabbar:

Ext.define("Wickelplaetze.view.Home", {
    extend: 'Ext.Panel',
	xtype: 'home',
	    
    config: {
		//fullscreen: true,
        
        items: [
			{
				xtype: 'toolbar',
				docked: 'top',
				title: 'Wickelplätze'
			},
            {
                html: '<img src="resources/images/home-pic.jpg" border="0" />',
				styleHtmlContent: true,
				style: 'text-align: center; vertical-align: middle;'
            },
			{
                html: '<img src="resources/images/sponsor-phillips.png" border="0" />',
				docked: 'bottom',
				style:'background: #17a8dc; text-align: right; padding: 1% 3% 1% 0;'
            }
        ]
    }
});

except fullscreen is not set to true

[mitchellsimoens]

This is working for me (image won't load of course):

Ext.define("Wickelplaetze.view.Main", {
    extend : 'Ext.tab.Panel',
    xtype  : 'mainpanel',

    config : {
        tabBarPosition : 'bottom',
        items : [
            {
                xtype   : 'home',
                iconCls : 'home',
                title   : 'Home'
            }
        ]
    }
});

Ext.define("Wickelplaetze.view.Home", {
    extend : 'Ext.Panel',
    xtype  : 'home',

    config : {
        items : [
            {
                xtype  : 'toolbar',
                docked : 'top',
                title  : 'Wickelplätze'
            },
            {
                html             : '<img src="resources/images/home-pic.jpg" border="0" />',
                styleHtmlContent : true,
                style            : 'text-align: center; vertical-align: middle;'
            },
            {
                html   : '<img src="resources/images/sponsor-phillips.png" border="0" />',
                docked : 'bottom',
                style  : 'background: #17a8dc; text-align: right; padding: 1% 3% 1% 0;'
            }
        ]
    }
});

If you have fullscreen : true on the home panel then when an instance is created it will be added to Ext.Viewport, that's what the fullscreen config does.

[akpotosufredrick]

ah got it. what a shame i missunderstood the use of fullscreen since 2010...
Thx