17 Nov to 24 Nov 2025: highlights of the new online resources that we published last week.

Article: https://www.telerik.com/blazor-ui/documentation/ai/ai-coding-assistant/overview
Summary: Use the Telerik UI for Blazor AI Coding Assistant to generate and refine Razor and C# code for Telerik components from natural-language prompts. This article shows how to invoke the assistant, the tasks it supports (page scaffolding, data binding, component configuration, troubleshooting), and how to review and safely apply the output. It also outlines limitations of LLM-generated code and data/telemetry considerations.

Article: https://www.telerik.com/blazor-ui/documentation/ai/agentic-ui-generator/overview
Summary: The AI Agentic UI Generator helps you create Blazor pages and configure Telerik UI for Blazor components from a prompt; it plans tasks and scaffolds Razor markup and related code with sensible data binding. The overview explains prerequisites and setup (configuring an LLM provider such as OpenAI or Azure OpenAI), the workflow to run and iterate the generator, and the outputs and limitations you should expect.

Article: https://www.telerik.com/blazor-ui/documentation/ai/ai-coding-assistant/changelog
Summary: This changelog outlines all versioned updates to the Telerik UI for Blazor AI Coding Assistant, including new features, improvements, bug fixes, and noted breaking changes. Use it to track behavior and configuration changes across releases, plan upgrades, and troubleshoot version-specific issues in your Blazor projects.

Article: https://www.telerik.com/blazor-ui/documentation/ai/ai-coding-assistant/mcp-server
Summary: This article shows you how to set up the Telerik UI for Blazor AI Coding Assistant Model Context Protocol (MCP) server and connect it to an MCP‑compatible client (such as Claude Desktop) to ground the assistant in Telerik Blazor documentation and component APIs. It details prerequisites, configuration, and the exposed MCP tools/resources/prompts you can use to search docs and generate Blazor code snippets directly from your client.

Article: https://www.telerik.com/blazor-ui/documentation/ai/ai-coding-assistant/prompt-library
Summary: Use the AI Coding Assistant Prompt Library in Telerik UI for Blazor to browse and run predefined prompts, and to create, edit, and organize your own prompts that generate, refactor, or scaffold Blazor/Telerik component code with your current context (selection, clipboard, files). The article shows you how to search and favorite prompts, define variables/placeholders, and execute them from the Assistant to automate repeatable development tasks.

Article: https://www.telerik.com/blazor-ui/documentation/ai/agentic-ui-generator/prompt-library
Summary: This page documents the Agentic UI Generator Prompt Library for Telerik UI for Blazor—predefined, task-focused prompts you can use to generate components and pages. It explains prompt categories, required inputs and context (models, data binding, CRUD operations, validation, layout), and how to apply and customize the prompts in your Blazor project. Use these prompts to guide an LLM to produce consistent Telerik Blazor component code with the expected output structure.

Article: https://www.telerik.com/blazor-ui/documentation/ai/agentic-ui-generator/getting-started
Summary: This guide shows you how to enable the Agentic UI Generator in Telerik UI for Blazor: install the required NuGet package, configure an LLM provider (OpenAI or Azure OpenAI) and model, and register the services in Program.cs. You then add the Agentic UI Generator to a page, provide data sources and context, and use prompts to generate Blazor UI such as Grid- and Form-based CRUD that you can review and adapt.

Article: https://www.telerik.com/blazor-ui/documentation/ai/ai-coding-assistant/copilot-extension
Summary: This guide explains how to install and enable the Telerik AI Coding Assistant Copilot extension so you can use GitHub Copilot Chat in Visual Studio or VS Code to generate and edit Telerik UI for Blazor component code. It covers prerequisites, setup, and the supported commands and prompts for scaffolding components (e.g., Grid, Chart), configuring properties, binding data, and opening the relevant Telerik documentation.

Article: https://www.telerik.com/blazor-ui/documentation/knowledge-base/grid-autofill-default-value-double-click
Summary: This article shows you how to auto-fill a default value in a Telerik UI for Blazor Grid cell when the user double-clicks it. You capture the double-click (via a cell template or Grid events), set the value on the bound item, and refresh the Grid (RebindAsync or ObservableCollection change) to apply it, with notes for in-cell editing and OnRead data binding.

Blog: https://www.telerik.com/blogs/turn-prompts-pages-telerik-agentic-ui-generator
Summary: This article shows how to use the Telerik Agentic UI Generator to convert natural-language prompts into working UI pages built with Telerik/Kendo UI components, then preview and iterate to fit your requirements. It covers setup, the prompt-to-page workflow, and how to export the generated code to integrate with your application and data.

Blog: https://www.telerik.com/blogs/blazor-basics-building-drag-drop-functionality-blazor-applications
Summary: You’ll implement drag-and-drop in a Blazor application using the HTML5 Drag and Drop API via Blazor event bindings, with optional JavaScript interop for DataTransfer. The article covers wiring draggable elements and drop targets (ondragstart, ondragover, ondrop), managing C# state to reorder or move items, preventing default browser behavior, and considerations for Blazor Server vs. WebAssembly.

---------------------------------------------------------------------------------------------------------------------------------------------------------

Hello everyone,

Here are the highlights of the new online resources we published this week from 10 Nov 2025 to 17 Nov 2025:

Article: https://www.telerik.com/blazor-ui/documentation/aicomponents
Summary: This article documents the AI components in Telerik UI for Blazor and shows you how to add the AI Prompt to a page and wire it to a server endpoint that calls an LLM (OpenAI, Azure OpenAI, or a custom HTTP provider). It walks you through configuring prompts and inputs, sending requests from Blazor to your back end, streaming responses to the client, and implementing authentication and error handling.

Article: https://www.telerik.com/blazor-ui/documentation/upgrade/breaking-changes/12-0-0
Summary: This page lists the breaking changes in Telerik UI for Blazor 12.0.0 and what you must adjust when upgrading—prerequisites, package and static asset updates, removed/renamed APIs and parameters, enum/default value changes, CSS/theming/icon updates, and component behavior differences. Use the migration notes and code examples to refactor component usages, fix compile-time errors, adjust styles, and validate UI behavior so your upgrade to Telerik UI for Blazor 12.0.0 completes without regressions.

Article: https://www.telerik.com/blazor-ui/documentation/upgrade/rendering-changes/12-0-0
Summary: This article documents the rendering changes in Telerik UI for Blazor 12.0.0—updates to DOM structure, CSS classes, and attributes across multiple components—which can impact custom CSS, templates, and UI test selectors. Review the per-component notes to update your selectors and overrides and validate any code that depends on the previous markup before upgrading. Use it to assess and migrate any breaking rendering changes when moving to 12.0.0.

Article: https://www.telerik.com/blazor-ui/documentation/components/grid/templates/command-column-header
Summary: Use the Telerik UI for Blazor GridCommandColumn HeaderTemplate to render custom header content for the command column, such as an Add button or an “Actions” label. The article shows how to place a GridCommandButton (e.g., Command="Add") in the header, set the Title for accessibility, and clarifies that row-specific commands don’t have row context in the header.

Article: https://www.telerik.com/blogs/net-10-has-arrived-heres-whats-changed-blazor
Summary: If you’re upgrading to .NET 10, this article outlines the Blazor changes in ASP.NET Core—new features, behavior updates and API adjustments—and what they mean for your code. It flags breaking changes and deprecations and shows what you need to update to migrate existing Blazor Server and WebAssembly apps.

Feel free to check them out and share your thoughts!

The Telerik Team

---------------------------------------------------------------------------------------------------------------------------------------------------------

Hello everyone,

Here are the highlights of the new online resources we published this week from 05 Nov 2025 to 10 Nov 2025:

Article: https://www.telerik.com/blazor-ui/documentation/knowledge-base/dropzone-display-over-whole-page
Summary: Shows you how to make a full-page DropZone in Telerik UI for Blazor so users can drop files anywhere to trigger the Upload component. You create a fixed, full-viewport overlay and associate it with Upload, then use minimal CSS and document dragenter/dragover/dragleave handlers via JavaScript interop to toggle the overlay during drag, prevent default browser behavior, and set correct z-index/pointer-events.

Feel free to check them out and share your thoughts!

The Telerik Team

---------------------------------------------------------------------------------------------------------------------------------------------------------

Hello everyone,

Here are the highlights of the new online resources we published this week from 29 Oct 2025 to 05 Nov 2025:

Article: https://www.telerik.com/blogs/getting-started-blazor-speechtotextbutton-component
Summary: Learn how to add the Telerik UI for Blazor SpeechToTextButton to your Blazor app to capture speech and insert transcribed text into input components. The article shows how to place and configure the component (target element and recognition language), handle start/result/error events, and account for microphone permissions, HTTPS, and browser support so speech recognition works reliably in production.

Feel free to check them out and share your thoughts!

The Telerik Team

---------------------------------------------------------------------------------------------------------------------------------------------------------

Hello everyone,

Here are the highlights of the new online resources we published this week from 20 Oct 2025 to 27 Oct 2025:

Article: https://www.telerik.com/blazor-ui/documentation/upgrade/rendering-changes/9-0-0
Summary: This article documents the rendering changes in Telerik UI for Blazor 9.0.0, including updates to component DOM structure and CSS class names that can affect styling and selectors. Use it to identify breaking changes, update custom CSS and UI test selectors, and apply the component-specific migration steps after upgrading.

Article: https://www.telerik.com/blogs/blazor-vs-javascript-blazor-right-choice-next-project
Summary: This article compares Blazor vs JavaScript frameworks and gives you practical decision criteria based on team skills, app requirements, performance, hosting, and SEO. It explains Blazor WebAssembly and Blazor Server trade-offs (payload size, startup time, latency, persistent connections, offline support) versus React/Angular/Vue and the broader JavaScript ecosystem, and outlines when to choose Blazor for end-to-end .NET and code sharing versus JavaScript for minimal bundles and access to front-end libraries.

Feel free to check them out and share your thoughts!

The Telerik Team

---------------------------------------------------------------------------------------------------------------------------------------------------------

Hello everyone,

Here are the highlights of the new online resources we published this week from 13 Oct 2025 to 20 Oct 2025:

Article: https://www.telerik.com/blazor-ui/documentation/knowledge-base/grid-access-gridsearchbox-value
Summary: The article shows how to get the current search text from the Telerik UI for Blazor GridSearchBox so you can use it in custom logic. Capture it by binding GridSearchBox.Value or handling ValueChanged in the Grid toolbar; for OnRead/server binding, extract the quick-search term from GridReadEventArgs.Request.Filters (the OR composite filters produced by the search) or from the grid state via OnStateChanged.

Article: https://www.telerik.com/blazor-ui/documentation/knowledge-base/dockmanager-add-content-pane-footer
Summary: Add a sticky footer to a Telerik UI for Blazor DockManager ContentPane by wrapping the pane content in a full-height container and using CSS (flex column or grid) so the main area scrolls while the footer stays pinned to the bottom across docked, floating, and tabbed states. The article shows the pane content structure and required styles (height: 100%, overflow, borders) to place actions or status info in the footer without affecting the DockManager layout.

Article: https://www.telerik.com/blazor-ui/documentation/knowledge-base/scheduler-add-hyperlinks-in-appointments
Summary: Learn how to add clickable hyperlinks inside Telerik UI for Blazor Scheduler appointments by rendering anchor tags in the appointment template and binding them to a URL field. The article shows how to prevent the Scheduler’s edit/drag behavior from intercepting clicks (e.g., with @onclick:stopPropagation and optionally @onpointerdown:stopPropagation or draggable=false) and how to open links safely in a new tab.

Article: https://www.telerik.com/blazor-ui/documentation/api/telerik.blazor.components.schedulerrecurrenceeditmode
Summary: SchedulerRecurrenceEditMode is an enum in Telerik.Blazor.Components that tells the Blazor Scheduler whether an operation targets a single occurrence, the entire series, or the following occurrences of a recurring appointment. Use it in your Scheduler CRUD event handlers and data logic to apply edits and deletes to the correct set of items, including when you replace the built-in recurrence prompt with custom handling.

Feel free to check them out and share your thoughts!

The Telerik Team

---------------------------------------------------------------------------------------------------------------------------------------------------------

Hello everyone,

Here are the highlights of the new online resources we published this week from 06 Oct 2025 to 13 Oct 2025:

Article: https://www.telerik.com/blogs/blazor-basics-using-local-storage-save-restore-form-input
Summary: You will use IJSRuntime to interact with browser localStorage, serialize your form model to JSON, and hook EditContext.OnFieldChanged and OnAfterRenderAsync to save and restore Blazor form input. The article walks through wiring an EditForm to persist changes as users type, repopulate values on first render (including Blazor Server after prerender), and clear storage on submit, with guidance on key management, debouncing, and avoiding sensitive data. Apply this to keep form state across reloads and navigation in Blazor WebAssembly and Server.

Feel free to check them out and share your thoughts!

The Telerik Team

My pipeline is currently stuck due to this, I have a simple "dotnet install" in my pipeline that used to work and since the latest .NET SDK release (SDK 9.0.307) it started to fail with the following message:

• C:\Users\?????\.nuget\packages\telerik.licensing\1.4.10\build\Telerik.Licensing.targets(8,3): error MSB4216: Could not run the "ResolveTelerikProducts" task because MSBuild could not create or connect to a task host with runtime "NET" and architecture "x64". Please ensure that (1) the requested runtime and/or architecture are available on the machine, and (2) that the required executable "C:\Program Files\dotnet\sdk\9.0.307\MSBuild.dll" exists and can be run.

I attempted to upgrade the Telerik.Licensing package manually to latest version but it didn't fix the issue.

We're starting a new internal project using Blazor (.NET 8/10) to build an in-house booking application.

Our UI/UX designs are already prepared in Figma, and we're now evaluating which Blazor component library would best support our implementation.

We are exploring component library which can easily be integrated with Figma design, save us re writing a component and reduce the development time.

• What was your experience like?

• How well did the components align with your design system (especially if using Figma)?

• Any performance, customization, or support issues?

• Would you recommend it for a booking-style application?

• Are free source component libraries better than enterprise paid libraries?

Thanks in advance for sharing your insights!

Given the documentation is useless, I've got to the point of logging in to the Telerik server and restoring the packages but I still get this error:

error MSB4216: Could not run the "ResolveTelerikProducts" task because MSBuild could not create or connect to a task host with runtime "NET" and architecture "x64". Please ensure that (1) the requested runtime and/or architecture are available on the machine

This is my yaml:

The documentation at the link below explaining how to prevent the user from having to clear cache when upgrading from one Telerik version to another has an issue with the css priority. My app targets .net 9 but I wasn't able to get the first solution using MapStaticAssets() to work so I implemented the second solution using cache busting. That resolved the caching error but it put the priority of all.css above any css I have in a style element in my component.

In my specific case I have a grid and I want the values in one of the columns to be links but using an anchor element in a grid doesn't underline and turn the content blue so I added css into my style tag in my component:

    .k-grid a {
        color: #0d6efd;
        text-decoration: underline;
    }

That works fine normally, but when I upgraded to the current version of Telerik and had cache issues and followed the cache busting instructions in the link, the content no longer looks like a link. See dev tools screenshots with and without cache busting.

https://www.telerik.com/blazor-ui/documentation/knowledge-base/common-browser-cache-buster

With cache busting it doesn't look like a link because all.css takes priority:

Without cache busting:

Any way to get around this?

I'm looking at ThemeBuilder Ultimate for use in my Blazor-Server UI project.  I went thru the 3 year old intro video but it's very out dated and seems to focus on Kendo UI.  There is no mention on how to get a ThemeBuilder project into an existing Blazor UI project?

Also, I assume ThemeBuilder Pro/Ultimate are separate subscriptions from my existing Blazor UI Complete subscription?  Your pricing material seems a bit confusing:

Why list Theme Builder ultimate under DevCraft Complete if it's not actually included in the DevCraft Complete subscription?

Theme builder looks to be a nice powerful and easy to use UI tool so I'd like more information before I make funding requests.

Rob. 

Hello,

Would it be possible to provide a clear set of steps—or ideally, a sample solution—demonstrating how to integrate Telerik Blazor with ASP.NET Identity using the .NET 9.0 framework? This seems like a fairly common requirement, but I haven’t been able to find any concise documentation that outlines the process.

I’ve created my project using the Blazor Web App template with Individual Accounts, and I’d like to confirm whether those settings are correct, and specifically, what additional steps are required to complete the integration such as changes to the Identity layout or pages (eg, Login.razor).

Thanks,
Kevin