File Upload form control - different rendering

追蹤

Cutting, Victor

• 2020年09月16日 16:09

Hello, i'm using the File Upload form control to upload multiple files, with a description (see a previous post: https://helpdesk.agilepoint.com/hc/en-us/community/posts/360049819214-File-Upload-form-control-description-comments-field-for-each-file-possible-?input_string=File%20Upload%20form%20control%20-%20different%20rendering )

I'd like to have a different rendering of that control though. My users don't like the square box, rather they would like to just see a link, with the actual name of the file (e.g. filename.pdf ). 

Has anyone found a way to change the appearance of that control to make it more of a listing, rather than the "box" view?  Does AgilePoint have any plans to give different rendering of that control?

Thanks so much

0

• 

  Sampat Patil

  • 2020年10月04日 08:31

  Hi Victor,

  Removing Box view of file upload control need to take care of two things

  1. Download option (by clicking on filename)
  2. Delete option

  Considering that below CSS may help you.

  
  #Files .dropzone { min-height: 50px !important; }
  #Files .dz-preview { min-height: 10px !important; padding: 0px !important; margin: 0 10px 0 0; }
  #Files .dz-details { height: 20px !important; }
  #Files .dz-progress, .dz-size { display: none; }
  #Files .dz-filename { margin: 0px !important; }
  #Files img.fileThumbnail { height: 15px !important; width: 100% !important; opacity: 0; }
  
  

  PREVIEW:

  

  NOTE:

  1. #Files used in given CSS is my Subform id (internal name of subform).

  2. The Textarea shown is preview is configured with 3 rows

   

   

  0

  評論操作 永久連結

請登入寫評論。