Templates
You can control how the FileSelect displays the file list by using File template or File Info template, depending on the desired level of customization. In both templates you can:
- Get a reference to the files which are associated with the current item by using the
let-files
directive. - Get a reference to the current state of each file by using the
let-state
directive. - Get a reference to the instance of the FileSelect component. It is exported as
kendoFileSelect
by using the exportAs metadata property.
File Template
The File Template allows full customization of the items in the file list. Therefore, all built-in items, such as file size, name and icon, will be replaced by the content provided inside the template.
To define the template, nest a <ng-template>
tag with the kendoFileSelectFileTemplate directive applied to it inside the <kendo-fileselect>
selector.
File Info Template
The File Info Template is used for customizing the general file information section, while preserving the rest of the built-in features of the file list, such as the file icon.
To define the File Template, nest a <ng-template>
tag with the kendoFileSelectFileInfoTemplate directive applied to it inside the <kendo-fileselect>
selector.