1. #1
    Sencha User
    Join Date
    Apr 2012
    Posts
    6
    Vote Rating
    0
    veter_kh is on a distinguished road

      0  

    Default Answered: Problem with Titlebar and TabPanel toghether in viewport Panel

    Answered: Problem with Titlebar and TabPanel toghether in viewport Panel


    I have the following views in my app
    Code:
    // Views
    Ext.define('Site.view.Viewport', {
        extend: 'Ext.Panel',
        
        config: {
            title: 'Viewport',
            fullscreen: true,
            layout: 'fit',
            items: [
                { xtype: 'titlebar' },
                { xtype: 'tabpanelbar' }
            ]
        }
    });
    Ext.define('Site.view.Titlebar', {
        extend: 'Ext.TitleBar',
        xtype: 'titlebar',
    
        config: {
            docked: 'top',
            title: 'My solution',
        }
    });
    Ext.define('Site.view.Tabpanel', {
        extend: 'Ext.tab.Panel',
        xtype: 'tabpanelbar',
        id: 'tabpanel',
    
    
        config: {
            title: 'Tabpanel',
            fullscreen: true,
            tabBarPosition: 'bottom',
            items: [
                { xtype: 'homepanel' }
            ]
        }
    });
    Ext.define('Site.view.Home', {
        extend: 'Ext.dataview.List',
        xtype: 'homepanel',
        config: {
            title: 'Home',
            iconCls: 'home',
            store: 'PageStore',
            cls: 'homemenu',
            itemTpl : '{title}'
        }
    });
    Problem - after my app launches i have titlebar displaying,but tabpanel have following attribute: style="display: none !important; " and class x-item-hidden
    so - it's hidden, but if i remove style attribute content - everything is ok.

    Руку is the screenshots: before removing http://clip2net.com/s/1LT7R
    after: http://clip2net.com/s/1LT8B

    Please, help - what is wrong ?

  2. Have you tried removing fullscreen property from your tabpanel, I think it's the one breaking your viewport.

  3. #2
    Sencha User
    Join Date
    Nov 2011
    Posts
    72
    Vote Rating
    2
    Answers
    3
    sephyroth69 is on a distinguished road

      0  

    Default


    Have you tried removing fullscreen property from your tabpanel, I think it's the one breaking your viewport.

  4. #3
    Sencha User
    Join Date
    Apr 2012
    Posts
    6
    Vote Rating
    0
    veter_kh is on a distinguished road

      0  

    Default


    thanks! it's too easy. comment for code in another thread for this problem turns my mind to wrong way

Thread Participants: 1