Unplanned
Last Updated: 05 May 2025 14:07 by Louis
Currently the Dock Manager does not allow preventing the user from dragging the floating panes outside of the component. Please provide such an option.
Unplanned
Last Updated: 05 May 2025 10:38 by ADMIN

We upgraded to the latest Telerik Blazor components (8.1.1).
I think there's a bug in the TabStrip when setting the index of the ActiveTabIndex or @bind-ActiveTabIndex.
The page will scroll to the active tab automatically.

Here's a link to the Repl - https://blazorrepl.telerik.com/GfaTEmbR45zQSzEq44

If you remove @bind-ActiveTabIndex="@ActiveTabIndex" from the TelerikTabStrip then the page load normally.

Thanks,

Cesar

Pending Review
Last Updated: 05 May 2025 08:24 by Kacper
Created by: Kacper
Comments: 0
Category: UI for Blazor
Type: Bug Report
0

Hi, 

Are you planning to add a loader to the grid in the feature?

E.g as an isLoading attribute or exepnd the build-in one?

With method OnRead to fetch data, when grid is not yet loaded with data, it displays no records available.

Also when chenging data, loading is not starting, but there is an unsmooth transition after some time. 

 

Thanks in advance for your time, Kacper

Pending Review
Last Updated: 02 May 2025 20:27 by Jared
Created by: Jared
Comments: 0
Category: UI for Blazor
Type: Bug Report
1

According to the documentation for the ComboBox, https://www.telerik.com/blazor-ui/documentation/components/combobox/filter, "Filtering looks in the TextField, and the filter is reset when the dropdown closes."

However, if the user starts typing and then either selects an item from the dropdown, the filter persists until the user clears the text box or opens the dropdown and clicks outside of it.

Example steps using the below demo link:

1.) Configure settings:


2.) Type the letter 'h':


3.) Select the first option:

4.) Click dropdown arrow and still see filtered list based on the previously typed filter (anything containing an 'h'):



Reproducible on the demo page: https://demos.telerik.com/blazor-ui/combobox/filtering

The matching problem occurs when a user types to filter input and selects an option from the dropdown, then code changes the bound value. If any code changes the bound value to an item that doesn't match the filter, the display field appears empty instead of showing the newly bound value.

For example: if instead of opening the dropdown during step 4, the user clicked a button that programmatically set the value to "Audi", then the field would show to the user as blank. As demonstrated in the following Repl, it is definitely the filters fault, since typing a filter which includes Audi (ex: 'a') does have the text on the ComboBox change when clicking the button to programmatically update the bound value.

https://blazorrepl.telerik.com/cJapEQGO21LFAeLg53

Unplanned
Last Updated: 02 May 2025 20:01 by Rob
Created by: Eric
Comments: 11
Category: Grid
Type: Feature Request
33

Hi - this one is a feature request, not a bug. :)

 

For the filter menu, when you enter a filter value, it would be nice if you could press enter to execute the filter instead of having to click "Filter."

 

Duplicated
Last Updated: 02 May 2025 08:28 by ADMIN
Created by: Daniel
Comments: 2
Category: DateTimePicker
Type: Feature Request
0
Currently there is a DisabledDates param on your DatePicker component which is extremely useful, however on the DateTimePicker, it appears there is no way to disabled a list of DateTimes. For now it seems the only work around is once a disabled date is selected, to fire an event and inform the user they cannot select that date and null out what they selected. However a very nice feature to have would be to pass in a list of disabled dates directly to the DateTimePicker similar to DatePicker.

Code example:


Possible:
private List<DateTime> _disabledDates = new();
<TelerikDatePicker DisabledDates="_disabledDates">

Not Possible (Requested Feature)
private List<DateTime> _disabledDates = new();
<TelerikDateTimePicker DisabledDates="_disabledDates">

Unplanned
Last Updated: 02 May 2025 08:25 by Otemu
Created by: Otemu
Comments: 0
Category: Editor
Type: Feature Request
1
Please expose a track changes feature similar to the one in the RadEditor for ASP.NET AJAX: https://demos.telerik.com/aspnet-ajax/editor/examples/trackchanges/defaultcs.aspx.
Declined
Last Updated: 02 May 2025 07:25 by ADMIN

We would like to get the datetime picker to autofill the year when entering just two digits for the year with a format of dd-MM-yyyy HH:mm:ss.

So when you enter 23-04-25 it changes to 23-04-2025. Currently it changes it to 23-04-0025, which isn't our desired result.

Something along the lines of how this works: https://jsfiddle.net/anbdwL0h/ but then with a 4 year digit format as result.

Unplanned
Last Updated: 02 May 2025 06:47 by ADMIN
Created by: Stas
Comments: 2
Category: Spreadsheet
Type: Feature Request
2

On the Spreadsheet control please display a function list when the user types "=" or provide the user with some other reference about the available functions.

Pending Review
Last Updated: 01 May 2025 15:06 by Matt
Created by: Matt
Comments: 0
Category: UI for Blazor
Type: Feature Request
2

I have a scenario in which we have user definable columns for a grid, including hundreds if not thousands that need to be ported from the old version of our product. This means these column keys would be strings that may contain spaces or even special characters - and as such cannot be a valid C# property name (which means using an ExpandoObject approach will not work)

 

It would be really beneficial if the TelerikGrid component could be given Data of an IEnumerable<Dictionary<string, object>> where the Field property of GridColumn (or a new property) would line up with a key in that dictionary rather than a field name for the component to then use reflection with.

 

A customer with multiple modules of our product installed may very well have columns with similar names, i.e "Some Key", "SomeKey", "Some_Key", "Some & Key" - so simply replacing spaces or special characters may not always still give unique keys.

In Development
Last Updated: 30 Apr 2025 14:43 by ADMIN
Scheduled for 2025 Q2 (May)
Created by: Hannes
Comments: 1
Category: Grid
Type: Bug Report
2

Hello,

The Grid header and data cells become misaligned if the user changes the page zoom level. The right padding of the Grid header area resizes, according to the zoom level, but the scrollbar width remains the same. This triggers the misalignment.

The problem disappears after browser refresh at the current zoom level.

Unplanned
Last Updated: 30 Apr 2025 08:44 by HCP4

After filtering a nullable int column, the SelectAll checkbox in the GridCheckboxColumn stops working.

Reproduction example: https://blazorrepl.telerik.com/mTuyHaYM44sLH2yf05

Unplanned
Last Updated: 30 Apr 2025 07:55 by Alain
If the filter is quickly cleared - for example, by selecting the entire input and deleting it, or by holding down backspace - the filter remains applied to the component. When the popup is opened again, the data is still filtered even though the input has already been cleared.

https://blazorrepl.telerik.com/czEIRuaU2024KPnL05
Completed
Last Updated: 29 Apr 2025 12:48 by ADMIN

Hello,

I created a repl to replicate the issue that I'm having. I created a Filter with a custom editor. For this example, I used a Textbox and I save the changes back to the context.FilterDescriptor.Value in the OnChange method which occurs when the user blurs focus.

If you start the repl w/o checking the Use Custom Editor checkbox and enter text where the "Sample" value is located you will see the changes are saved properly to the bound CompositeFilter property and are echo'd back in the screen.

If instead you check the Use Custom Editor box and perform the same test you'll see that the same changes are not present in the bound CompositeFilter. 

Note that this issue only occurs if you start with an existing CompositeFilter and bind it to the filter control. It seems that if the control creates the FilterDescriptor objects then their changes bind properly, but if the FilterDescriptor objects existed before binding to the control then the issue occurs.

https://blazorrepl.telerik.com/wIOtcKOb31mjTc3351

Thank You,

-Andy

============= TELERIK EDIT ===============

A possible workaround is to find the original filter descriptor and update its Value:

@using Telerik.DataSource

@System.Text.Json.JsonSerializer.Serialize(FilterValue)

<br />
<br />

<TelerikFilter @bind-Value="@FilterValue">
    <FilterFields>
        <FilterField Name="Field" Type="@(typeof(string))">
            <ValueTemplate>
                <TelerikTextBox Value="@((string)context.FilterDescriptor.Value)"
                                ValueChanged="@( (string newValue) => OnTextBoxValueChanged(context.FilterDescriptor, newValue) )"
                                DebounceDelay="0" />
            </ValueTemplate>
        </FilterField>
    </FilterFields>
</TelerikFilter>

@code {
    private void OnTextBoxValueChanged(FilterDescriptor templateFD, string newValue)
    {
        var originalFD = FilterValue.FilterDescriptors.OfType<FilterDescriptor>().FirstOrDefault(x =>
        {
            return x.Member == templateFD.Member &&
                x.MemberType == templateFD.MemberType &&
                x.Operator == templateFD.Operator &&
                x.Value == templateFD.Value;
        });

        if (originalFD != null)
        {
            templateFD.Value = newValue;
            originalFD.Value = newValue;
        }
    }

    private CompositeFilterDescriptor FilterValue { get; set; } = new()
    {
        LogicalOperator = FilterCompositionLogicalOperator.Or,
        FilterDescriptors = new FilterDescriptorCollection() {
             new FilterDescriptor()
            {
                Member = "Field",
                MemberType = typeof(string),
                Value = "Sample"
            }
         }
    };
}

 

Completed
Last Updated: 29 Apr 2025 11:23 by ADMIN
Release 2025 Q2 (May)
Created by: Miroslav
Comments: 0
Category: PDFViewer
Type: Bug Report
2

Trying to upload a large file from a mobile device breaks the component.
Step to reproduce:

  1. Open this REPL example on a mobile device
  2. Click the "Load Data" button.

The issue can be reproduced only in version 8.0.0

Completed
Last Updated: 28 Apr 2025 12:51 by ADMIN
Release 2025 Q2 (May)
Toggling the ColumnChooser or ColumnSettings in the ColumnMenu before filtering the column breaks the CheckBoxList filtering functionality. The issue can be encountered with the built-in CheckBoxList filter and a custom CheckBoxList filter.
Unplanned
Last Updated: 25 Apr 2025 14:06 by ADMIN
Created by: Simi
Comments: 7
Category: Grid
Type: Feature Request
34

Hello,

Please consider a Grid feature that changes the component layout on mobile devices or narrow screens. The idea is to switch the column layout to a card layout or anything similar to this example: https://css-tricks.com/responsive-data-tables/

It is possible to implement a similar behavior with the Telerik Blazor Grid and MediaQuery components, but it requires reusing the column titles in the CSS code: https://blazorrepl.telerik.com/GnYPmHFR176Jg5Yg02

===

Telerik Blazor team: Everyone who is interested in this feature, please vote for it to help us prioritize. Also, share your opinion about which Grid features you strictly need in the "mobile" layout and which ones you are ready to sacrifice. Some features don't make sense in a card / listview layout anyway, but still, the mobile-friendly Grid may require completely different HTML markup and UX, so some features may need to be completely revamped.

Unplanned
Last Updated: 25 Apr 2025 12:31 by David

I want to use the built-in FileManagerToolBarSortTool but I want to remove the "Date Modified" option from the "Sort BY" menu.

===

ADMIN EDIT

===

For the time being, a possible option is to create a custom tool for sorting. You can use the SplitButton component to simulate the built-in UI. Upon selecting option from the dropdown, you may sort your data collection based on the selected custom sort option. Call the Rebind method to refresh the data after updating it.

Completed
Last Updated: 25 Apr 2025 09:44 by ADMIN

We are using Telerik UI for Blazor (V6.2.0) grid. The first 3 columns (Delivery No, Spot Check, Spotcheck Status) of the grid are frozen/locked. While horizontal scrolling the header text gets overlapped. We have used custom CSS to change the header color.

<TelerikGrid @ref="@GridRef" Data="@dashboardData"
             Reorderable="true"
             SortMode="@SortMode.Single"
             Pageable="true"
             FilterMode="GridFilterMode.FilterRow"
             PageSize="10"
             EnableLoaderContainer="true"
             Sortable="true" Context="inboundContext" OnRowRender="@OnRowRenderHandler" Width="1800px" Height="500px">

    <GridColumns>
        @foreach (var header in tableHeader)
        {
            @if (@header.id == "SpotCheck")
            {
                <GridColumn Field="@(nameof(@header.id))" Width="150px" Title="@header.headerName" Visible="@header.isVisible" Locked="true" Reorderable="false" Filterable="false">
                    <Template>
                        @{
                            var item = (Delivery)context;
                            var isVisible = (item.DeliveryType.Equals("IN") && !string.IsNullOrEmpty(item.EUDRRefAndVerificationId));
                        }
                        <div class="spot-check-btn">
                            <TelerikButton Class="custom-btn custom-btn-secondary" OnClick="()=>reDirectTo(item.Id)" Visible="isVisible">Spot Check</TelerikButton>
                        </div>
                    </Template>

                </GridColumn>
            }
            else if (@header.id == "status")
            {
                <GridColumn Field="@(nameof(@header.id))" Title="@header.headerName" Visible="@header.isVisible" Width="150px">
                    <Template>
                        @{
                            var item = (Delivery)context;
                            <span class="status-data @item.Status.ToLower()">
                                <span class="dot"></span>@item.Status
                            </span>
                        }
                    </Template>

                </GridColumn>
            }
            else if (@header.id == "SpotcheckStatus")
            {
                <GridColumn Field="@header.id" Title="@header.headerName" Width="150px"
                            OnCellRender="@((e) => OnCellRenderHandlerSpotcheckStatus(e))"
                            Visible="@header.isVisible" Locked="true" Reorderable="false">
                </GridColumn>
            }
            else
            {
                <GridColumn Field="@header.id" Title="@header.headerName" Width="150px"
                            OnCellRender="@((x) => OnCellRenderHandler(x, @header.id))"
                            Visible="@header.isVisible" Locked="@header.Locked">
                </GridColumn>

            }
        }
    </GridColumns>
    <NoDataTemplate>
        <p><strong style="color: var(--kendo-color-primary);">No Data Available.</strong></p>
    </NoDataTemplate>
</TelerikGrid>
Unplanned
Last Updated: 24 Apr 2025 10:37 by Joseph
Created by: Joseph
Comments: 0
Category: Form
Type: Feature Request
1
I want to change the fill mode of the inputs in the Form. I can currently achieve that using a FormItem Template for each item. However, it would be much easier if the Form exposed a FillMode parameter similar to how one can configure the size on Form level.
1 2 3 4 5 6