PDA

View Full Version : [INFOREQ] Tab elements not shown on fullscreen = true



akpotosufredrick
13 Nov 2012, 12:12 PM
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
13 Nov 2012, 1:17 PM
Can I get a simple testcase so I can understand or see if something is going wrong?

akpotosufredrick
14 Nov 2012, 12:03 AM
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
14 Nov 2012, 5:34 AM
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&auml;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
14 Nov 2012, 9:20 AM
ah got it. what a shame i missunderstood the use of fullscreen since 2010...
Thx