Skip to content

Conversation

Copy link
Contributor

Copilot AI commented Nov 10, 2025

Documents two new templates for FileSelect and Upload components introduced in telerik/blazor#12438:

  • FileTemplate: Full customization of file list items, replacing all built-in elements (progress bar, action buttons, file info)
  • FileInfoTemplate: Partial customization of file information section while preserving built-in features

Changes

Upload Templates (components/upload/templates.md)

  • Added FileTemplate section with FileTemplateContext explanation and example
  • Added FileInfoTemplate section with FileInfoTemplateContext explanation and example
  • Restructured with table of contents linking to all three templates
  • Fixed typo in metadata description

FileSelect Templates (components/fileselect/templates.md)

  • Added FileTemplate section with FileTemplateContext explanation and example
  • Added FileInfoTemplate section with FileInfoTemplateContext explanation and example
  • Restructured with table of contents linking to all three templates
  • Removed unnecessary wrapper div from SelectFilesButtonTemplate example

Supporting Changes

  • Added FileTemplate and FileInfoTemplate to .spelling dictionary
  • Added package-lock.json to .gitignore (was auto-generated during documentation validation)

Example

<TelerikUpload @ref="@UploadRef">
    <FileTemplate Context="fileContext">
        <div style="border: 1px solid gray; padding: 5px; margin: 5px;">
            <strong>File Name:</strong> @fileContext.File.Name <br />
            <strong>Size:</strong> @(fileContext.File.Size / 1024) KB
        </div>
        <TelerikButton OnClick="@(() => { UploadRef.RemoveFileAsync(fileContext.File.Id); })">
            Remove
        </TelerikButton>
    </FileTemplate>
</TelerikUpload>
Original prompt

This section details on the original issue you should resolve

<issue_title>Documentation for Add file template for the FileSelect and Upload components</issue_title>
<issue_description>Related to: telerik/blazor#12438</issue_description>

Comments on the Issue (you are @copilot in this section)

  • Fixes telerik/blazor#12481

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

Copilot AI changed the title [WIP] Add documentation for file template in FileSelect and Upload components Add FileTemplate and FileInfoTemplate documentation for FileSelect and Upload components Nov 10, 2025
Copilot AI requested a review from Tsvetomir-Hr November 10, 2025 13:29
Copilot finished work on behalf of Tsvetomir-Hr November 10, 2025 13:29
@Tsvetomir-Hr Tsvetomir-Hr force-pushed the copilot/add-file-template-documentation branch from 2c7b505 to 913eda2 Compare November 10, 2025 15:08
@Tsvetomir-Hr Tsvetomir-Hr marked this pull request as ready for review November 10, 2025 15:08
@Tsvetomir-Hr Tsvetomir-Hr requested review from a team as code owners November 10, 2025 15:08
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants