1. #1
    Sencha User
    Join Date
    Jul 2013
    Posts
    2
    Vote Rating
    0
    rpradeshik is on a distinguished road

      0  

    Default Fileupload not working for firefox 22 on windows 7

    Fileupload not working for firefox 22 on windows 7


    The Fileupload trigger not working on following Firefox versions
    1) Firefox 9.0.1 on Windows Server 2003 SP2
    2) Firefox 22 on Windows 7 Professional

    I tried
    { xtype: 'fileuploadfield',
    name: 'photo',
    fieldLabel: 'Photo',
    labelWidth: 50,
    msgTarget: 'side',
    allowBlank: false,
    width: 200,
    buttonText: 'Brw'
    } inside an form.panel .

    The file field gets displayed, but does not make browse window pop-up at click of 'Brw' button .

    It works with 4.2.0 extjs version http://jsfiddle.net/rajeshpv/mVhac/5/
    It works with 4.2.0.663
    but NOT working with 4.2.1.883 version
    It works with 4.2.1 http://jsfiddle.net/rajeshpv/kB9vG/1/
    Last edited by rpradeshik; 24 Jul 2013 at 9:52 AM. Reason: edited teh Title

  2. #2
    Sencha - Support Team slemmon's Avatar
    Join Date
    Mar 2009
    Location
    Boise, ID
    Posts
    6,052
    Vote Rating
    215
    slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of

      0  

    Default


    It's working ok for me on Firefox 22 in Win7 and OSX.

    Code:
    <html>
    <head>
    	<!-- <link rel='stylesheet' type='text/css' href='http://cdn.sencha.com/ext/gpl/4.2.1/resources/ext-theme-classic/ext-theme-classic-all-debug.css'/> -->
    	<link rel='stylesheet' type='text/css' href='http://cdn.sencha.com/ext/gpl/4.2.1/resources/ext-theme-neptune/ext-theme-neptune-all-debug.css'/>
    	<script type='text/javascript' src='http://cdn.sencha.com/ext/commercial/4.2.1/ext-all.js'></script>
    
    
    	<style>
    		body {
                padding: 20px;
            }
    	</style>
    
    
    
    
    	<script tyle='text/javascript'>
    		Ext.Loader.setConfig({
    		    enabled: true,
    		    disableCaching: false
    		});
    
    
    		Ext.application({
    		    name: 'Test',
    		    launch: function () {
    
    
    Ext.create('Ext.form.Panel', {
        title: 'Simple Form',
        bodyPadding: 5,
        width: 350,
    
    
        // The form will submit an AJAX request to this URL when submitted
        url: 'save-form.php',
    
    
        // Fields will be arranged vertically, stretched to full width
        layout: 'anchor',
        defaults: {
            anchor: '100%'
        },
    
    
        // The fields
        defaultType: 'textfield',
        items: [{
            xtype: 'fileuploadfield',
            name: 'photo',
            fieldLabel: 'Photo',
            labelWidth: 50,
            msgTarget: 'side',
            allowBlank: false,
            width: 200,
            buttonText: 'Brw'
        }],
    
    
        // Reset and Submit buttons
        buttons: [{
            text: 'Reset',
            handler: function() {
                this.up('form').getForm().reset();
            }
        }, {
            text: 'Submit',
            formBind: true, //only enabled once the form is valid
            disabled: true,
            handler: function() {
                var form = this.up('form').getForm();
                if (form.isValid()) {
                    form.submit({
                        success: function(form, action) {
                           Ext.Msg.alert('Success', action.result.msg);
                        },
                        failure: function(form, action) {
                            Ext.Msg.alert('Failed', action.result.msg);
                        }
                    });
                }
            }
        }],
        renderTo: Ext.getBody()
    });
    
    
    		    }
    		});
    	</script>
    </head>
    
    
    
    
    <body>
    
    
    </body>
    </html>
    Are you a Sencha products veteran who has wondered what it might be like to work at Sencha? If so, please reach out to our recruiting manager: sheryl@sencha.com

  3. #3
    Sencha User
    Join Date
    Jul 2013
    Posts
    2
    Vote Rating
    0
    rpradeshik is on a distinguished road

      0  

    Default


    Thanks Slemmon , your reply *did* help us out.

    Figured out the issue was due to our *custom* reset css which was blindly used in all projects was causing the issue. That too using wildchar selection on common tags like body,form etc., I know extjs uses its own reset.css but ours was interfering such that, when the class in "html" tag changed to "x-strict" the issue was occuring where trigger for filetype was not triggering at all. If it entered into x-quirks, it did not occur.

    Hope this might help others, to make sure, to use proper resets like standards from "blueprint" or "extjs" default reset or "twitter" boothstrap

Thread Participants: 1