Customize File Type Icons

[Ashleigh L]

Related to my other thread (http://www.telerik.com/forums/restrict-allowed-file-types), we're going to be restricting the allowable file types, but we also allow some semi-odd ones, such as .ai, .psd, .indd, .idml. We've already got icons of our own to represent these file types, so I'm hoping we can customize the uploader to display them.

I have this code snippet from one of the upload examples:

function addExtensionClass(extension) {
    switch (extension) {
        case '.jpg':
        case '.img':
        case '.png':
        case '.gif':
            return "img-file";
        case '.doc':
        case '.docx':
            return "doc-file";
        case '.xls':
        case '.xlsx':
            return "xls-file";
        case '.pdf':
            return "pdf-file";
        case '.zip':
        case '.rar':
            return "zip-file";
        default:
            return "default-file";
    }
}

 Two things: where do these icons come from, and how can I check which ones are available? Secondly, can I replace these with my own icons (we use FontAwesome), which are set up like this:

<i class="fa-icon-check"></i>

[Dimiter Madjarov]

Hello shimmoril,

These icons are only part of the example, not built in Kendo UI. You could use any custom icons in the files templates.

Regards,
Dimiter Madjarov
Telerik

 

 

[Ashleigh L]

Thanks.