Telerik Forums
UI for Blazor Forum
0 answers
85 views

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

Telerik
Top achievements
Rank 1
Iron
 updated question on 17 Nov 2025
1 answer
611 views

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.

Dimo
Telerik team
 updated answer on 13 Nov 2025
1 answer
5 views
Hubungi Call Center (Akulaku) di nomor (083848484874) atau melalui email ke cs@akulaku.com. Sampaikan permintaan pembatalan pengajuan pinjaman dan berikan alasan anda melakukan pembatalan...
boripat
Top achievements
Rank 2
Iron
Iron
Iron
 answered on 23 Nov 2025
0 answers
16 views

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!

U
Top achievements
Rank 1
 asked on 16 Nov 2025
1 answer
88 views

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:

taskDotNetCoreCLI@2
  inputs:
    azureSubscription'DAGCC_ENGAIDE'
    command'build'
    projects'dagcc.sln'
    

arguments'--no-restore --configuration Debug'

Clearly the NuGet that requires a login makes all of this a living hell. Any help appreciated.

At least one tag is required but Blazor, Devops, Azure and Build are not there. LOL

 

I will add I've run this:

taskUseDotNet@2
  displayNameSet .NET version - $(dotnet_version)
  inputs:
    packageType'sdk'
    version$(dotnet_version)

and it says it installed version 9

Edmond
Top achievements
Rank 1
Iron
 updated answer on 11 Nov 2025
1 answer
14 views
Can we show actual image as a thumbnail in the content pane of the filemanager ?
I have read the documentation but didn't find any suitable reference. 


this is my code 
i am not using kendo
i am looking for blazor component telerik file manager control 
for reference my current code is below
 <SplitterPane Size="70%" Resizable="false">
     <TelerikFileManager Data="@FileManagerData"
     @bind-Path="@DirectoryPath"
     Height="400px"
     OnCreate="@OnCreateHandler"
     OnUpdate="@OnUpdateHandler"
     @bind-SelectedItems="@SelectedItems"
     OnModelInit="@OnModelInitHandler"
     OnDownload="@OnDownloadHandler"
     OnDelete="@OnDeleteHandler"
     >
         <FileManagerSettings>
             @*  <FileManagerUploadSettings SaveUrl="@GetUploadUrl(randomNumberString,FileTypeId)" OnSuccess="@OnUploadSuccess">
             </FileManagerUploadSettings> *@
         </FileManagerSettings>
         <FileManagerToolBar>
             <FileManagerToolBarNewFolderTool />
             @* @if (SCNameParam == "Land" && GetLevel() == "root-folder-path" && isAdmin == true) *@

             @*  <FileManagerToolBarUploadTool /> *@
             <FileManagerToolBarCustomTool>
                 <TelerikButtonGroup>
                     <ButtonGroupButton OnClick="@OpenUploadPopUp">Upload</ButtonGroupButton>
                 </TelerikButtonGroup>
                 @* <TelerikUpload SaveUrl="@GetUploadUrl(randomNumberString,FileTypeId)"
                                RemoveUrl="api/remove"
                                Multiple="true"
                                AutoUpload="true"
                                OnSuccess="@OnUploadSuccess" /> *@
             </FileManagerToolBarCustomTool>

             <FileManagerToolBarSortTool />
             <FileManagerToolBarSortDirectionTool />
             <FileManagerToolBarSpacer></FileManagerToolBarSpacer>
             @* <FileManagerToolBarViewDetailsTool></FileManagerToolBarViewDetailsTool> *@
             <FileManagerToolBarFileViewTool />
             <FileManagerToolBarCustomTool>
                 <TelerikButtonGroup>
                     <ButtonGroupButton OnClick="@HandleDetails">History</ButtonGroupButton>
                 </TelerikButtonGroup>
             </FileManagerToolBarCustomTool>
             <FileManagerToolBarSearchTool></FileManagerToolBarSearchTool>
         </FileManagerToolBar>
     </TelerikFileManager>
 </SplitterPane>

and thats what i want to achieve 

Hristian Stefanov
Telerik team
 answered on 05 Nov 2025
0 answers
14 views

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?

Doug
Top achievements
Rank 1
Iron
Iron
Veteran
 asked on 04 Nov 2025
1 answer
34 views

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. 

Dimo
Telerik team
 answered on 23 Oct 2025
1 answer
67 views
With the upcoming release of .net 10 which now provides the ability to pause and resume circuits will controls be updated to handle the pause and resume.  Right now it feels like some javascript or interop is being called on resume for controls that arent part of the dom yet, im not exactly sure.  Scheduler is one control in particular that we are experiencing issues with on Blazor.resumeCircuit().  If we change views and then pause or have an appointment window open we get the following Error: System.ArgumentException: There is no tracked object with id '13'
Dimo
Telerik team
 answered on 13 Oct 2025
1 answer
28 views

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

 

Dimo
Telerik team
 answered on 10 Oct 2025
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?