1. #1
    Ext User
    Join Date
    Oct 2007
    Posts
    25
    Vote Rating
    0
    Neville Burnell is on a distinguished road

      0  

    Question Fieldset not resizing Anchor fields

    Fieldset not resizing Anchor fields


    I'm trying to use anchor fields within a fieldset, and while the fieldset resizes ok, the anchor fields it contains dont resize. I have added a fieldset to the Extjs 2.0 beta 1 "Anchor Layout" example to demonstrate, see code following.

    Am I missing something simple?

    PHP Code:
    Ext.onReady(function() {
        var 
    form = new Ext.form.FormPanel({
            
    baseCls'x-plain',
            
    labelWidth55,
            
    url:'save-form.php',

            
    items: [{
                
    xtype:'fieldset',
                
    title'fieldset title',
                
    collapsiblefalse,
                
    autoHeight:true,
                
    autoWidth:true,
                
    items: [{
                    
    fieldLabel'Send To',
                    
    xtype'textfield',
                    
    name'to',
                    
    anchor:'100%'  // anchor width by percentage
                
    },{
                    
    fieldLabel'Subject',
                    
    xtype'textfield',
                    
    name'subject',
                    
    anchor'100%'  // anchor width by percentage
                
    }, {
                    
    xtype'textarea',
                    
    hideLabeltrue,
                    
    name'msg',
                    
    anchor'100% -53'  // anchor width by percentage and height by raw adjustment
                
    }]
            }]                
        });

        var 
    window = new Ext.Window({
            
    title'Resize Me',
            
    width500,
            
    height:300,
            
    minWidth300,
            
    minHeight200,
            
    layout'fit',
            
    plain:true,
            
    bodyStyle:'padding:5px;',
            
    buttonAlign:'center',
            
    itemsform,

            
    buttons: [{
                
    text'Send'
            
    },{
                
    text'Cancel'
            
    }]
        });

        
    window.show();
    }); 

  2. #2
    Ext User
    Join Date
    Sep 2007
    Posts
    9
    Vote Rating
    0
    sonalp is on a distinguished road

      0  

    Default


    I have same problem. My solution

    Code:
    var top = new Ext.FormPanel({        
            		
            frame:true,
            title: 'Multi Column, Nested Layouts and Anchoring',
            bodyStyle:'padding:10px 10px 10px 10px',
            defaults: {
             anchor:'100%'       
    		},
            labelWidth:75,
            
                    
            items: [{...}]
    })....

    you add red color line your formpanel configuration to...

  3. #3
    Ext User
    Join Date
    Apr 2007
    Posts
    379
    Vote Rating
    0
    sfwalter is on a distinguished road

      0  

    Default


    just a thought, but how about setiing an anchor on the fieldset itself

  4. #4
    Ext User
    Join Date
    Oct 2007
    Posts
    25
    Vote Rating
    0
    Neville Burnell is on a distinguished road

      0  

    Thumbs up


    Thanks sfwalter, sonalp,

    Anchoring the fieldset does the trick, either via 'defaults' or explicitly on the fieldset.

    Nev

  5. #5
    Ext User
    Join Date
    Aug 2007
    Posts
    204
    Vote Rating
    0
    DragonFist is on a distinguished road

      0  

    Default


    I lose the labels when the fieldset is anchored