Two upload buttons appear in Extjs's FileUploadField file upload

  • 2020-03-30 02:47:35
  • OfStack

Using Extjs FileUploadField plugin uploaded files, because FileUploadField is ext expand the plug-in so is can't find its way in the API, this file in Extjs examples folder ux, so when using FileUploadField must come into the, may only be used in the process of use will be a problem is that in the page appeared two upload buttons, this is the CSS style and ext itself has a relationship, so want to amend the style:
 
<style type=text/css> .upload-icon { 
background: url('images/image_add.png') no-repeat 0 0 !important; 
} 
.x-form-file-wrap { 
position: relative; 
height: 22px; 
} 
.x-form-file-wrap .x-form-file { 
position: absolute; 
right: 0; 
-moz-opacity: 0; 
filter:alpha(opacity: 0); 
opacity: 0; 
z-index: 2; 
height: 22px; 
} 
.x-form-file-wrap .x-form-file-btn { 
position: absolute; 
right: 0; 
z-index: 1; 
} 
.x-form-file-wrap .x-form-file-text { 
position: absolute; 
left: 0; 
z-index: 3; 
color: #777; 
} 
</style> 

This is when the plug-in will work properly.

Related articles: