Questions on UI for Blazor Forum

1 answer

9 views

I would like to be able to remove the Grand Total column on the right side, but keep the Grand Total row at the bottom. Is there a setting for this? If not, is there a suggested workaround?

PivotGrid

answered on 06 Nov 2025

1 answer

10 views

Showing actual image as Thumbnail in the content pane of file manager (Blazor)

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

FileManager

General Discussions

answered on 05 Nov 2025

0 answers

9 views

Caching documentation has a side effect with the css

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?

General Discussions

asked on 04 Nov 2025

1 answer

13 views

Missing Open method for TelerikDropDownButton

The Dropdownlist has an Open method to open it programatically, the DropdownButton has no such functionality.

DropDownButton

DropDownList

answered on 30 Oct 2025

1 answer

10 views

DropdownList, OnRead, Grouping

Hi there

I'm trying to use DropDownlist with the Grouping field and the OnReadEvent, with mode = DropDownScrollMode.Scrollable

The OnRead event provides the grouping field to the request. The request is sent to my (API) server that handles the request, and the result is returned . Then after my OnReadHandler method ands, I get an internal exception: "System.NullReferenceException: 'Object reference not set to an instance of an object.'"

with following stack:

 	Telerik.Blazor.dll!Telerik.Blazor.Components.Common.TelerikSelectBase<SNG.LccNion.API.Model.Dto.IDDescriptiveDto, string>.ProcessGroupData(System.Collections.IEnumerable data)	Unknown
 	Telerik.Blazor.dll!Telerik.Blazor.Components.Common.TelerikSelectBase<SNG.LccNion.API.Model.Dto.IDDescriptiveDto, string>.SetProcessedData(System.Collections.IEnumerable data)	Unknown
 	Telerik.Blazor.dll!Telerik.Blazor.Components.TelerikDropDownList<SNG.LccNion.API.Model.Dto.IDDescriptiveDto, string>.SetProcessedData(System.Collections.IEnumerable data)	Unknown
 	Telerik.Blazor.dll!Telerik.Blazor.Components.Common.DataBoundComponent<SNG.LccNion.API.Model.Dto.IDDescriptiveDto>.ProcessOnReadResult(Telerik.Blazor.Components.ReadEventArgs args)	Unknown
 	Telerik.Blazor.dll!Telerik.Blazor.Components.Common.TelerikSelectBase<SNG.LccNion.API.Model.Dto.IDDescriptiveDto, string>.ProcessOnReadResult(Telerik.Blazor.Components.ReadEventArgs args)	Unknown
 	Telerik.Blazor.dll!Telerik.Blazor.Components.Common.DataBoundComponent<SNG.LccNion.API.Model.Dto.IDDescriptiveDto>.ProcessOnReadData()	Unknown
 	[Resuming Async Method]	
>	System.Private.CoreLib.dll!System.Runtime.CompilerServices.AsyncTaskMethodBuilder<System.Threading.Tasks.VoidTaskResult>.AsyncStateMachineBox<Telerik.Blazor.Components.Common.DataBoundComponent<SNG.LccNion.API.Model.Dto.IDDescriptiveDto>.<ProcessOnReadData>d__39>.ExecutionContextCallback(object s) Line 292	C#
 	System.Private.CoreLib.dll!System.Threading.ExecutionContext.RunInternal(System.Threading.ExecutionContext executionContext, System.Threading.ContextCallback callback, object state) Line 179	C#
 	System.Private.CoreLib.dll!System.Runtime.CompilerServices.AsyncTaskMethodBuilder<System.Threading.Tasks.VoidTaskResult>.AsyncStateMachineBox<Telerik.Blazor.Components.Common.DataBoundComponent<SNG.LccNion.API.Model.Dto.IDDescriptiveDto>.<ProcessOnReadData>d__39>.MoveNext(System.Threading.Thread threadPoolThread) Line 372	C#
 	System.Private.CoreLib.dll!System.Runtime.CompilerServices.AsyncTaskMethodBuilder<System.Threading.Tasks.VoidTaskResult>.AsyncStateMachineBox<Telerik.Blazor.Components.Common.DataBoundComponent<System.__Canon>.<ProcessOnReadData>d__39>.MoveNext() Line 350	C#
 	System.Private.CoreLib.dll!System.Runtime.CompilerServices.TaskAwaiter.OutputWaitEtwEvents.AnonymousMethod__12_0(System.Action innerContinuation, System.Threading.Tasks.Task innerTask) Line 281	C#
 	System.Private.CoreLib.dll!System.Threading.Tasks.AwaitTaskContinuation.RunCallback(System.Threading.ContextCallback callback, object state, ref System.Threading.Tasks.Task currentTask) Line 697	C#
 	System.Private.CoreLib.dll!System.Threading.Tasks.Task.RunContinuations(object continuationObject) Line 3486	C#
 	System.Private.CoreLib.dll!System.Runtime.CompilerServices.AsyncTaskMethodBuilder<Telerik.Blazor.Components.ReadEventArgs>.SetResult(Telerik.Blazor.Components.ReadEventArgs result) Line 478	C#
 	[Completed] Telerik.Blazor.dll!Telerik.Blazor.Components.TelerikDropDownList<SNG.LccNion.API.Model.Dto.IDDescriptiveDto, string>.TriggerReadAsync(Telerik.DataSource.DataSourceRequest request)	Unknown

I am struggling to handle the request correctly and provide an answer back to the list that it can handle properly.

Nevertheless I get errors. Is there a working example of using the OnRead event with the GroupField property set to a property of the TItem? Or is this combination impossible inspite of DropDownScrollMode.Scrollable mode?

BTW - In case of large dropdownlist result set I want to fall back to virtual mode, and drop the grouping option, as it is documented that these are not compatible. (This is handled blazor side by checking the dataset count before the first OnRead call)

DropDownList

answered on 30 Oct 2025

0 answers

15 views

Is it posible to change the format of the datetime that is displayed in the SchedulerToolBarCalendarTool?

Currently it displays a long datetime string (day name, day of month number, month number, year), which is not user friendly for the intended users of my application. Is it posible to change this to another format, such as (day of month number, month number, year)?

Scheduler

asked on 27 Oct 2025

1 answer

31 views

How to control visual layout of DropDownListPopupSettings ... list of the .k class selectors?

I've tried to find documentation on how to modify the CSS for the dropdownlist and it's popup but can't seem to figure out how to change the "Search" area size, nor the "Select Type" (they are too large).

I was able to figure out how to adjust the actual items:

.custom-compact-dropdownlist-popup .k-list-item {
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 0.90em;
}

and reference:

<DropDownListSettings>
    <DropDownListPopupSettings Class="custom-compact-dropdownlist-popup" />

but I don't know what to use in CSS ... is there a list somewhere of the ".k" class selectors?

Rob.

DropDownList

answered on 27 Oct 2025

1 answer

17 views

Grid Column Chooser Menu

Is it possible to change the headings in the column chooser menu?

This is supported in other Telerik products by using the Messages property which is absent in Blazor

Grid

Menu

Styling

answered on 23 Oct 2025

1 answer

28 views

ThemeBuilder Ultimate for Blazor UI ... 3yr old video tutorial, nothing in reference to updating Blazor projects?

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.

General Discussions

answered on 23 Oct 2025

1 answer

22 views

When using a different theme, the Grid Size property has no impact?

In my _Host.cshtml:

<link href="_content/Telerik.UI.for.Blazor/css/kendo-theme-material/all.css?@telerikUiForBlazorVersion" rel="stylesheet" />

In my page code:

    <TelerikGrid TItem="@BookingModel"
                 @ref="@BookingGridRef"
                 Height="225px"
                 Resizable="false"
                 FilterMode="Telerik.Blazor.GridFilterMode.FilterMenu"
                 SelectionMode="GridSelectionMode.Single"
                 SelectedItems="@SelectedBookings"
                 OnRowClick="@OnBookingRowClick"
                 OnRowDoubleClick="@OnBookingRowDoubleClick"
                 OnRead="@OnBookingGridRead"
                 Sortable="true"
                 Reorderable="true"
                 Pageable="true"
                 @bind-Page="@CurrentBookingGridPage"
                 EnableLoaderContainer="false"
                 Size="@ThemeConstants.Grid.Size.Small"
                 PageSize="25">

Setting the Size has no impact on the UI (Small, or Medium, or Large) renders the same.

In addition, setting RowHeight to a value has no impact on the UI:

<TelerikGrid TItem="@BookingModel"
             @ref="@BookingGridRef"
             Height="225px"
             Resizable="false"
             FilterMode="Telerik.Blazor.GridFilterMode.FilterMenu"
             SelectionMode="GridSelectionMode.Single"
             SelectedItems="@SelectedBookings"
             OnRowClick="@OnBookingRowClick"
             OnRowDoubleClick="@OnBookingRowDoubleClick"
             OnRead="@OnBookingGridRead"
             Sortable="true"
             Reorderable="true"
             Pageable="true"
             @bind-Page="@CurrentBookingGridPage"
             EnableLoaderContainer="false"
             RowHeight="(decimal)12.5"
             PageSize="25">

It doesn't seem to matter what Theme I use in the _Host.cshtml file, RowHeight and Size are completely ignored?

Ultimately what I would like is to augment and Telerik theme with just a few changes, but I can't see any way to achieve this without going down the entire custom theme route, which I really don't have time for.

Rob.

GridLayout

answered on 23 Oct 2025