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,251
    Vote Rating
    73
    Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold

      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,251
    Vote Rating
    73
    Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold

      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

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar