the Size of Upload File Icon

[Tisa]

I want to resize the size of Upload File icon, but not work even I change it to attachment icon, still have space around the icon. Can any one teach me how to do it. Thanks.

 

thank you very much!!!

[Ivan Danchev]

Hello Tisa,

If you are using our attachment font icon, you can increase its size through CSS, as shown below:

.k-upload .k-i-attachment-45 {
  font-size: 20px;
}

As for the space around the Upload's select button, it can be removed by setting the padding of the element with class .k-dropzone:

.k-upload .k-dropzone {
  padding: 0px;
}

Regards,
Ivan Danchev
Progress Telerik

[Tisa]

Hi Ivan,

 

Thanks for your reply, but the layout seems not change after i add your code. Can you correct me if i am wrong.

Please see my attachment , i want to remove orange area. Is it possible?

Thanks.

 

[Ivan Danchev]

Hi Tisa,

The orange area is the actual button that allows you to select a file. Removing it completely would mean to remove the button altogether, thus losing the option to select files. Instead you can make it smaller. The CSS rules below result in the Upload appearing as in the attached image:

<style> 
  .k-upload .k-i-attachment-45 {
    font-size: 20px;
  }
  
  .k-upload,
  .k-upload .k-dropzone {
    padding: 0px;
    height: 25px;
    width: 25px;
  }
  
  .k-upload .k-upload-button {
    min-width: 25px;
    width: 25px;
    height: 25px;
  }
</style>

Regards,
Ivan Danchev
Progress Telerik