Results 1 to 5 of 5

Thread: Tab elements not shown on fullscreen = true

Hybrid View

Previous Post Previous Post   Next Post Next Post
    Wait! Looks like we don't have enough information to add this to bug database. Please follow this template bug format.
  1. #1
    Sencha Premium Member akpotosufredrick's Avatar
    Join Date
    Jan 2011
    Posts
    68
    Vote Rating
    0
      0  

    Default Tab elements not shown on fullscreen = true

    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.

  2. #2
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,318
    Vote Rating
    1291
      0  

    Default

    Can I get a simple testcase so I can understand or see if something is going wrong?
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it!

    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.

  3. #3
    Sencha Premium Member akpotosufredrick's Avatar
    Join Date
    Jan 2011
    Posts
    68
    Vote Rating
    0
      0  

    Default

    i have my main panel like this:
    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'
    			}
            ]
        }
    });
    als long as the homepanel is like this it is not shown in the tabbar:
    Code:
    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

  4. #4
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,318
    Vote Rating
    1291
      0  

    Default

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

    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&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.
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it!

    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.

  5. #5
    Sencha Premium Member akpotosufredrick's Avatar
    Join Date
    Jan 2011
    Posts
    68
    Vote Rating
    0
      0  

    Default

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

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •