PDA

View Full Version : File Upload form not correctly showing in chrome browser(UI design Problem)



manog
27 Mar 2012, 2:55 AM
I am using ext js 3.4 version..

I wrote the code for upload file using ext js 3.4.

var uploadfilePanel = new Ext.FormPanel({
fileUpload :true,
frame:true,
autoWidth: true,
buttonAlign: 'center',
items : [{
allowBlank :false,
id:'fileUploadId',
inputType :'file',
xtype :'textfield',
hideLabel: true
}]

});
It is showing one textfield and browse button in firebox and IE browser if i run this code.
But it is not showing textfield and browse button in Chrome browser,it is showing choose file instead of textfield and no files chosen insted of browse button.

How to resolve this issues in chrome browser ,please reply me?

mitchellsimoens
27 Mar 2012, 8:45 AM
I'm seeing the form in Chrome.

33200

manog
27 Mar 2012, 9:08 PM
sir ,I want to show file upload form in Chrome browser like below attached screenshot.

how can i do this?

http://www.sencha.com/forum/image/png;base64,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33221

Thanks
by
Manoo G

mitchellsimoens
28 Mar 2012, 4:48 AM
Tried using the fileupload field instead of using a text field?

manog
28 Mar 2012, 5:16 AM
Thank you,

I got it.now it is working...

now i am using fileuploadfield from http://dev.sencha.com/deploy/ext-3.4.0/examples/form/file-upload.html examples

xtype: 'fileuploadfield',
id: 'form-file',
anchor :'95%',
required :true,
hideLabel: true