[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.

Originally Posted by 72

"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...

Code:

<!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...

[2.0a1] Fieldset caption buttons are displaced..

Thread Tools

Search Thread

Display

[2.0a1] Fieldset caption buttons are displaced..

[2.0a1] Fieldset caption buttons are displaced..