1. #1
    Sencha User
    Join Date
    Oct 2007
    Posts
    14
    Vote Rating
    0
    fancellu is on a distinguished road

      0  

    Default [2.0a1][DUPLICATE] ComboBox Anchor:100% broken in IE

    [2.0a1][DUPLICATE] ComboBox Anchor:100% broken in IE


    Put in a 100% sizing combobox in the achoring.js demo

    In IE 6 the combo box dissapears, fine in FF, fine at <100%

    e.g.


    Code:
    var exampleData= [
            ['AL', 'Alabama'],
            ['AK', 'Alaska'],
            ['AZ', 'Arizona']
            ];
    		
    		
    		var store = new Ext.data.SimpleStore({
        fields: ['abbr', 'state'],
        data : exampleData
    	});
    	
    	
    		Ext.onReady(function() {
    		
    		Ext.QuickTips.init();
    		
    	
    		
        var form = new Ext.form.FormPanel({
            baseCls: 'x-plain',
            labelWidth: 55,
            url:'save-form.php',
            defaultType: 'textfield',
    	
            items: [{
                fieldLabel: 'Send To',
                name: 'to',
                anchor:'100%'  // anchor width by percentage
            },{
                fieldLabel: 'Subject',
                name: 'subject',
                anchor: '100%'  // anchor width by percentage
            }, 
             new Ext.form.ComboBox({
    	fieldLabel: 'Portfolios',
    	 displayField:'state',
    	  triggerAction: 'all',
    	  emptyText:'Select a state...',
        selectOnFocus:true,
    	 mode: 'local',
    	name: 'portfolios',
    	 typeAhead: true,
    	 anchor:'100%',
    	    store: store
    	
    })
            , {
                xtype: 'textarea',
                hideLabel: true,
                name: 'msg',
                anchor: '100% -53'  // anchor width by percentage and height by raw adjustment
            }]
        });
    
        var window = new Ext.Window({
            title: 'Resize Me',
            width: 500,
            height:300,
            minWidth: 300,
            minHeight: 200,
            layout: 'fit',
            maximizable:true,collapsible :true,
            plain:true,
            bodyStyle:'padding:5px;',
            buttonAlign:'center',
            items: form,
    
            buttons: [{
                text: 'Send',
                handler:function() {alert('clicked')},
                tooltip: 'click me please'
            },{
                text: 'Cancel'
            }]
        });
    
        window.show();
    });
    -->

  2. #2
    Sencha User jack.slocum's Avatar
    Join Date
    Mar 2007
    Location
    Tampa, FL
    Posts
    6,955
    Vote Rating
    16
    jack.slocum will become famous soon enough

      0  

    Default


    Duplicate. Please search before posting.
    Jack Slocum
    Ext JS Founder
    Original author of Ext JS 1, 2 & 3.
    Twitter: @jackslocum
    jack@extjs.com
    -->

Thread Participants: 1