Search code examples
javascriptextjsextjs4

ExtJS4 - Outline appearing around Submit button for form

I have a fileuploadfield button that has an outline of a white box appearing behind it. Is there a way to remove this?

It seems to only be an issue in Extjs4.

Code

items: [{
   xtype: 'form',
   name: 'upload_form',
   border: false,
   items: {
      text: 'File Upload',
      xtype: 'fileuploadfield',
      name: 'upload_btn',
      buttonText: 'Upload File...',
      buttonOnly: true,
      hideLabel: true,
      allowBlank: false,
      clearOnSubmit: false,
    }
 }]

Fiddle

Picture

Solution

  • Since you must have the fileuploadfield inside a form, my workaround was to use a bodyStyle configuration in the form, set the background-color to transparent, and a margin-top to re-center the fileuploadfield.

    Check out the fiddle