Hybrid View

  1. #1
    Ext User 72's Avatar
    Join Date
    Apr 2007
    Location
    Czech republic, EU
    Posts
    152
    Vote Rating
    0
    72 is on a distinguished road

      0  

    Default [2.0a1] Fieldset caption buttons are displaced..

    [2.0a1] Fieldset caption buttons are displaced..


    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!
    Attached Images
    72

  2. #2
    Sencha - Community Support Team mystix's Avatar
    Join Date
    Mar 2007
    Location
    Singapore
    Posts
    6,236
    Vote Rating
    5
    mystix will become famous soon enough

      0  

    Default


    i have no idea what you're trying to say.

    Quote Originally Posted by 72 View Post
    "its just a basic (just like examples) source code"
    exactly which example in the official 2.0-alpha1 download are you referring to?

  3. #3
    Ext User 72's Avatar
    Join Date
    Apr 2007
    Location
    Czech republic, EU
    Posts
    152
    Vote Rating
    0
    72 is on a distinguished road

      0  

    Default


    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>
    72

  4. #4
    Sencha - Community Support Team jsakalos's Avatar
    Join Date
    Apr 2007
    Location
    Slovakia
    Posts
    27,538
    Vote Rating
    380
    jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future

      0  

    Default


    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.
    Jozef Sakalos, aka Saki

    Education, extensions and services for developers at new http://extjs.eu
    News: Grid Search Plugin, ExtJS 5 Complex Data Binding using MVVM


  5. #5
    Ext User 72's Avatar
    Join Date
    Apr 2007
    Location
    Czech republic, EU
    Posts
    152
    Vote Rating
    0
    72 is on a distinguished road

      0  

    Smile


    Thank you Saki...
    72

Thread Participants: 2