Results 1 to 5 of 5

Thread: How to skip rows in column layout

  1. #1
    Sencha User
    Join Date
    Oct 2010
    Location
    Chandigarh (INDIA)
    Posts
    143

    Default How to skip rows in column layout

    Hello i am new to extjs i want to put button right after my second label but by using column layout button always appears right after first label my code is given below.
    PHP Code:
        var checkinForm1 = new Ext.FormPanel({
            
    standardSubmit true,
            
            
    frame true,
            
    id 'chkformpanel',
            
    bodyStyle 'height:555px;',
        
            
    autoWidth true,
            
    fileUpload true,
            
    monitorValid true,
            
    labelWidth 100,
            
    autoRegion true,
            
    height 298,
            
    waitMsgTarget true,
            
    defaults : {
                
    width 150
            
    },
            
    items: [{
                
    layout:'column',
                
    items:[{
                    
    columnWidth:.5,
                    
    layout'form',
                    
    items: [{
                        
                        
    fieldLabel'First Name',
                      
                        
    anchor:'95%'
                    
    },
                    {
                    
    fieldLabel'second  Name',
                  
                    
    anchor:'95%'
                
    },  
                    
                    ]
                },{
                    
    columnWidth:.5,
                    
    height:172,
                    
    layout'form',
                    
    items: [{

                        
    margin:'50px',

                        
    xtype'button',
                                                          
                        
    anchor:'100%-20'
                    
    }]
                }
                
                
                ]
            },
            
            ]
        
            
        });
        
        
    checkinForm1.render('checkInPopUpFormDiv');
    }); 
    You can check in the require attachment that what is my requirement plz help me.....
    Attached Images Attached Images

  2. #2
    Sencha User
    Join Date
    Dec 2009
    Posts
    425

    Default

    In your second column, insert a blank label.
    Code:
    {
        columnWidth: .5,
        height: 172,
        layout: 'form',
        items: [{
            xtype: 'label',
            text: ''
        }, {
            margin: '50px',
            xtype: 'button',
            anchor: '100%-20'
        }]
    }

  3. #3
    Sencha User
    Join Date
    Oct 2010
    Location
    Chandigarh (INDIA)
    Posts
    143

    Default

    No raj its not working it hiding a label and button again shoots up to the top position

  4. #4
    Sencha Premium Member rivarecords's Avatar
    Join Date
    Apr 2010
    Location
    Fredrock, MD
    Posts
    24

    Default

    Try xtype: 'tbspacer' and specify a width and height.

  5. #5
    Sencha User
    Join Date
    Dec 2009
    Posts
    425

    Default

    Either that or specify a height and width to the xtype: 'label'

Similar Threads

  1. Replies: 6
    Last Post: 28 Feb 2011, 7:06 AM
  2. Replies: 1
    Last Post: 27 Dec 2009, 11:29 PM
  3. XML Reader - Skip empty records
    By sanjshah in forum Ext 2.x: Help & Discussion
    Replies: 0
    Last Post: 30 May 2009, 7:34 AM

Posting Permissions

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