How to add a download icon in the list view of a table?

raskill
Kilo Contributor

Hi Community,

I have a requirement wherein I have to add a download icon to all the rows in the "All managed documents" listing.

Like the image listed below,

find_real_file.png

On clicking this icon, I should be able to download the corresponding document, any help on how to achieve this is appreciated!

 

Thanks,

Raskill

1 ACCEPTED SOLUTION

Ajaykumar1
Tera Guru

Hi,

You can add an icon by using field styles.

  1. Navigate to Field styles
  2. Create a New record
  3. Select table as sys_attachment
  4. Select the field name(I selected File name) before which you want to add an icon
  5. In Value field add javascript:true
  6. In style field add following code :  

                     background-image: url('images/icons/download.gif');
                     background-repeat: no-repeat;
                     background-position: 98% 5px;
                     padding-right: 30px;

       7. Update.

Please see below result.

find_real_file.png

 

Mark If Correct/Helpful.

Regards,
Ajay

 

 

 

 

View solution in original post

7 REPLIES 7

Ajaykumar1
Tera Guru

Hi,

You can add an icon by using field styles.

  1. Navigate to Field styles
  2. Create a New record
  3. Select table as sys_attachment
  4. Select the field name(I selected File name) before which you want to add an icon
  5. In Value field add javascript:true
  6. In style field add following code :  

                     background-image: url('images/icons/download.gif');
                     background-repeat: no-repeat;
                     background-position: 98% 5px;
                     padding-right: 30px;

       7. Update.

Please see below result.

find_real_file.png

 

Mark If Correct/Helpful.

Regards,
Ajay

 

 

 

 

Thanks Ajay, this did the trick.

I am glad that you liked the solution provided.

A request would be to spare some time out of your busy schedule to have a look at the services we provide along with multiple Blogs available on our website:

https://dxsherpa.com

 

sure