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.
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.
Can I get a simple testcase so I can understand or see if something is going wrong?
Mitchell Simoens @LikelyMitch
Modus Create, Senior Frontend Engineer
________________
Need any sort of Ext JS help? Modus Create is here to help!
Check out my GitHub:
https://github.com/mitchellsimoens
i have my main panel like this:
als long as the homepanel is like this it is not shown in the tabbar:Code: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' } ] } });
except fullscreen is not set to trueCode: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;' } ] } });
This is working for me (image won't load of course):
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.Code: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;' } ] } });
Mitchell Simoens @LikelyMitch
Modus Create, Senior Frontend Engineer
________________
Need any sort of Ext JS help? Modus Create is here to help!
Check out my GitHub:
https://github.com/mitchellsimoens
ah got it. what a shame i missunderstood the use of fullscreen since 2010...
Thx