PDA

View Full Version : [2.0a1] Fieldset caption buttons are displaced..


72
28 Sep 2007, 5:44 PM
I just tried that get solved but always happened...try to look out for attachment

This gonna happend if i load the page. If i will click on some of that buttons it will be realigned and all is ok...

EDIT: This happens even if you render this directly to the body without any modifications to source or something and with only ext-all.css loaded, so it have to be fairly reproduced. its just a basic (just like examples) source code.
If i click on any button it will be fixed.
Running mozilla firefox 2.0.7!

IE7 IS OK!
mystix
29 Sep 2007, 2:52 AM
/:) i have no idea what you're trying to say.


"its just a basic (just like examples) source code"
exactly which example in the official 2.0-alpha1 download are you referring to?
72
29 Sep 2007, 3:24 AM
Ok, just bad words...

If i got your Form Example 2 and copy&paste more fieldsets, the buttons next to fieldset caption are displaced just like on attached image.

All is back if i click on some of these buttons or just click on combo box.

Its a weird behavior :)

Please edit paths to ext...




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Fieldsets</title>
<link href="http://swd:5803/js/ext/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript" src="http://swd:5803/js/ext/adapter/ext/ext-base.js"></script>
<script language="javascript" type="text/javascript" src="http://swd:5803/js/ext/ext-all.js"></script>
</head>

<body>
<script type="text/javascript">
<!--

var fsf = new Ext.FormPanel({
onSubmit:Ext.emptyFn,
submit:function() {
this.getEl().dom.submit();
},
labelWidth:130,
url:'save-form.php',
frame:false,
border:false,
defaultType:'textfield',

items: [{
xtype:'fieldset',
title: 'Phone Number',
collapsible: true,
autoHeight:true,
defaults: {width: 210},
defaultType: 'textfield',
items :[{
fieldLabel: 'Home',
name: 'home',
value: '(888) 555-1212'
},{
fieldLabel: 'Business',
name: 'business'
},{
fieldLabel: 'Mobile',
name: 'mobile'
},{
fieldLabel: 'Fax',
name: 'fax'
}
]
},{
xtype:'fieldset',
title: 'Phone Number',
collapsible: true,
autoHeight:true,
defaults: {width: 210},
defaultType: 'textfield',
items :[{
fieldLabel: 'Home',
name: 'home',
value: '(888) 555-1212'
},{
fieldLabel: 'Business',
name: 'business'
},{
fieldLabel: 'Mobile',
name: 'mobile'
},{
fieldLabel: 'Fax',
name: 'fax'
}
]
},{
xtype:'fieldset',
checkboxToggle:true,
title: 'User Information',
autoHeight:true,
defaults: {width: 210},
defaultType: 'textfield',
collapsed: true,
items :[{
fieldLabel: 'First Name',
name: 'first',
allowBlank:false
},{
fieldLabel: 'Last Name',
name: 'last'
},{
fieldLabel: 'Company',
name: 'company'
}, {
fieldLabel: 'Email',
name: 'email',
vtype:'email'
}
]
},{
xtype:'fieldset',
title: 'Phone Number',
collapsible: true,
autoHeight:true,
defaults: {width: 210},
defaultType: 'textfield',
items :[{
fieldLabel: 'Home',
name: 'home',
value: '(888) 555-1212'
},{
fieldLabel: 'Business',
name: 'business'
},{
fieldLabel: 'Mobile',
name: 'mobile'
},{
fieldLabel: 'Fax',
name: 'fax'
}
]
},{
xtype:'fieldset',
title: 'Phone Number',
collapsible: true,
autoHeight:true,
defaults: {width: 210},
defaultType: 'textfield',
items :[{
fieldLabel: 'Home',
name: 'home',
value: '(888) 555-1212'
},{
fieldLabel: 'Business',
name: 'business'
},{
fieldLabel: 'Mobile',
name: 'mobile'
},{
fieldLabel: 'Fax',
name: 'fax'
}
]
}],

buttons: [{
text: 'Save'
},{
text: 'Cancel'
}]
});
fsf.render(document.body);
-->

</script>
</body>
</html>
jsakalos
29 Sep 2007, 12:21 PM
I have tested it and it happens only in Firefox (both Win & Linux); doesn't happen in IE6 and Opera.

I'm notifying Jack on the matter.
72
29 Sep 2007, 1:34 PM
Thank you Saki...=D>