Textfield with inputType = file CSS

[cdeguzman]

Hi, I noticed that if I create a textfield in this manner:

..., {
        xtype : 'textfield',
        inputType : 'file'
        id : 'fileUploadField'
}

The resulting textfield and browse button are not CSS-formatted and look significantly different from other Extjs buttons / text fields. Does anyone know how to apply them look like the standard extjs components?

Thanks a lot!

[cdeguzman]

No one? Can I at least know if this is a bug, and if there are any workarounds for it?

[carol.ext]

Take a look at the File upload example available from the Ext JS Samples page.

The custom component js and css (! don't miss the required css !) is available in the examples directory of the standard download of 2.2/2.2.1.

[Animal]

Hi, I noticed that if I create a textfield in this manner:

..., {
        xtype : 'textfield',
        inputType : 'file'
        id : 'fileUploadField'
}

The resulting textfield and browse button are not CSS-formatted and look significantly different from other Extjs buttons / text fields. Does anyone know how to apply them look like the standard extjs components?

Thanks a lot!

AFAIK, it's a security feature imposed by the browser. You don't want "disguised" file inputs stealing files from your disk because they look like something else.