1. #1
    Sencha User
    Join Date
    Mar 2008
    Posts
    82
    Vote Rating
    0
    safewolf is on a distinguished road

      0  

    Default help! collapsible fieldset with column layout doesn't work in IE6!

    help! collapsible fieldset with column layout doesn't work in IE6!


    hi ,everyone

    i have a new problem now!

    this is my code
    in IE8,FF,chrome
    it works

    but in IE6, it doesn't work

    you can see the screen shot from attachments

    Code:
    		Ext.onReady(
    		function(){
    			panel = new Ext.FormPanel({items:[{
    			xtype : 'fieldset',
    		anchor : "99%",
    		collapsible : true,
    		collapsed : true,
    		style : 'margin:10px',
    		title : 'My Field',
    		items : [{
    			layout : "column",
    			border : false,
    			items : [{
    						border : false,
    						layout : 'form',
    						items : [{
    									xtype : "textfield",
    									fieldLabel : 'field 1',
    									name : 'field1',
    									anchor : "96%",
    									width : "120"
    								}],
    						columnWidth : 0.5
    					}, {
    						border : false,
    						layout : "form",
    						columnWidth : 0.5,
    						items : [{
    									xtype : "textfield",
    									fieldLabel : 'field 2',
    									name : 'field2',
    									anchor : "96%"
    								}]
    					}]
    		},  {
    			xtype : "textfield",
    			allowBlank : false,
    			disabled : true,
    			fieldLabel : 'field 3',
    			name : 'field3',
    			anchor : "96%"
    		}]
    	}]});
    		panel.render(Ext.getBody());
    		}
    		);
    Attached Images

  2. #2
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,246
    Vote Rating
    87
    Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of

      0  

    Default


    The panel that is layout:'column' is missing an 'anchor' config option (which means the layout won't assign a width).

  3. #3
    Sencha User
    Join Date
    Mar 2008
    Posts
    82
    Vote Rating
    0
    safewolf is on a distinguished road

      0  

    Default


    Sorry

    it doesn't work

    i think it's a bug of extjs

    you can have a try of my code

    if the fieldset is not collapsible, it will be displayed correctly

    but if it's collapsible, the probelm comes

  4. #4
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,246
    Vote Rating
    87
    Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of

      0  

    Default


    I've made some small modifications, but it works on my IE6:
    Code:
    Ext.onReady(function () {
        Ext.QuickTips.init();
        new Ext.form.FormPanel({
            width: 800,
            items: [{
                xtype: 'fieldset',
                anchor: '0',
                collapsible: true,
                collapsed: true,
                padding: 10,
                title: 'My Field',
                items: [{
                    xtype: 'container',
                    layout: 'column',
                    anchor: '0',
                    items: [{
                        xtype: 'container',
                        layout: 'form',
                        columnWidth: 0.5,
                        items: [{
                            xtype: 'textfield',
                            fieldLabel: 'field 1',
                            name: 'field1',
                            anchor: '-20'
                        }]
                    },
                    {
                        xtype: 'container',
                        layout: 'form',
                        columnWidth: 0.5,
                        items: [{
                            xtype: 'textfield',
                            fieldLabel: 'field 2',
                            name: 'field2',
                            anchor: '-20'
                        }]
                    }]
                },
                {
                    xtype: 'textfield',
                    allowBlank: false,
                    fieldLabel: 'field 3',
                    name: 'field3',
                    anchor: '-20'
                }]
            }],
            renderTo: Ext.getBody()
        });
    });

Similar Threads

  1. Replies: 4
    Last Post: 16 Oct 2008, 10:00 PM
  2. FieldSet - autoScroll: true - scrollbar doesn't seem to work in IE6?
    By wimvds in forum Ext 2.x: Help & Discussion
    Replies: 0
    Last Post: 16 Sep 2008, 1:56 AM
  3. Form fieldset doesn't show column layout correctly
    By paulwang727 in forum Ext 2.x: Help & Discussion
    Replies: 0
    Last Post: 3 Sep 2008, 2:00 PM
  4. Replies: 4
    Last Post: 24 May 2008, 9:37 AM

Thread Participants: 1

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..."