xtype: filefield not displaying properly

Question

i had a popup that looks like this :

items : [{

    xtype: 'form',
    title: 'Upload a Photo',
    width: 400,
    bodyPadding: 10,
    frame: false,
    renderTo: Ext.getBody(),
    items: [{
        xtype: 'filefield',
        name: 'photo',
        fieldLabel: 'Photo',
        labelWidth: 50,
        msgTarget: 'side',
        allowBlank: false,
        anchor: '100%',
        buttonText: 'Select Photo...'
    }]
}]

i only copied the example in sencha docs but when i run it, it gives me this :

instead of this :

my concern is that the button 'choose file' displayed instead of 'select photo'

how can i solve this.. ?

Answer 1

Solved the problem... As @evan-trimboli mentioned, it was a css conflict. Just run sencha app build command for your project and it will work fine..

Help yourself by helping others

Answer 2

I would add that run sencha app build, and then clear CACHE in browser.