1. #1
    Sencha User
    Join Date
    Sep 2011
    Posts
    9
    Vote Rating
    0
    sencha_san is on a distinguished road

      0  

    Default Unanswered: problem with card layout

    Unanswered: problem with card layout


    Hi all, someone let me know the problem with my code.
    Code:
      Ext.create('Ext.Panel', 
            {
                fullscreen: true,
                id:'masterpanel',
                layout:'card',
                items:
                [
                    {
                        xtype:'panel',
                        id:'loginpanel',
                        width:400,
                        height:300,
                        centered:true,
                        scroll:'false',
                        layout:'vbox',
                        items:
                        [
                        
                            {
                                xtype: 'textfield',
                                name: 'name',
                                style:'width:300px;position:absolute;top:50px;left:40px;',
                                label:'Name'
                            },
                            {
                                xtype: 'passwordfield',
                                name: 'password',
                                label: 'Password',
                                style:'width:300px;position:absolute;top:100px;left:40px;',
                            },
                            {
                                xtype:'button',
                                text:'Login',
                                style:'width:100px;position:absolute;top:180px;left:150px;',
                                handler:function()
                                {
                                    Ext.getCmp('masterpanel').setActiveItem(Ext.getCmp('homepanel'));
    
    
                                }
                            }
                        ]
                    },
                    {
                        xtype:'panel',
                        id:'homepanel',
                        style:'background-color:red;width:100px;height:100px;'
                    }
                ]
            });
    I want to redirect the login page(panel) to some panel.I used 'card' layout to achieve the same, but both panels at a time are visible.

    Thanks in advance
    Santosh

  2. #2
    Sencha User
    Join Date
    Oct 2011
    Posts
    29
    Vote Rating
    0
    Answers
    1
    arunc is on a distinguished road

      0  

    Default


    You can use "hidden" config to hide the Home panel first and then use "setHidden" method in the handler!

  3. #3
    Sencha User
    Join Date
    Sep 2011
    Posts
    9
    Vote Rating
    0
    sencha_san is on a distinguished road

      0  

    Default


    tried before but no luck.
    In general,is it meaningful to use 'setHidden()' in card layout? setActiveItem() is already there for this purpose i guesss.

    Thanks in advance
    Santosh

  4. #4
    Sencha User
    Join Date
    Sep 2011
    Posts
    9
    Vote Rating
    0
    sencha_san is on a distinguished road

      0  

    Default


    after removing 'centered : true' config, it is now working. If anyone explains the reason that will be helpful.

    Thanks in advance
    Santosh

Thread Participants: 1