Unplanned
Last Updated: 29 Apr 2025 23:17 by Stas
Created by: Stas
Comments: 1
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.

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.

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.
Unplanned
Last Updated: 24 Apr 2025 06:35 by ADMIN
Created by: Anislav
Comments: 1
Category: UI for Blazor
Type: Feature Request
1

In the Appearance section of the ContextMenu component documentation on the Progress Design System Kit website (https://www.telerik.com/design-system/docs/components/contextmenu/#size), it is stated that:

The ContextMenu provides the size configuration option that enables you to control how big or small the rendered submenu items in the popup will be.

I’ve observed that this functionality is implemented in at least one library—Kendo UI for Angular (https://www.telerik.com/kendo-angular-ui/components/menus/contextmenu/appearance#size).

Is there a plan to introduce support for the Size parameter in the ContextMenu component of the Telerik UI for Blazor library?

Unplanned
Last Updated: 24 Apr 2025 05:25 by ADMIN
I would like to click on the grouping row and expand the Group. 
Unplanned
Last Updated: 17 Apr 2025 08:39 by ADMIN
Created by: Stefan
Comments: 5
Category: TextBox
Type: Feature Request
4

We have forms that starts with single text box input, all other inputs are either hidden or disabled. Based on the value of that input we load additional data from the server, show/enable the rest of the inputs and move the focus to the next unput. We react to the value in that first input either when the Enter key is pressed, or when the input loses focus e.g. tab-out of the input or click/tap on another input. One or the other but never both. This scenario should be handled by the OnChange event. However, the OnChange event fires twice, when the enter key is pressed and again when the text box loses focus. This results in double data retrieval (takes twice the time), screen flicker and creates unpleasant user experience.

The recommended workaround is to add second variable to track if the input actually changed and ignore consequent events for the same value. This has it’s own caveat. If for any reason the user wants to retrieve the related data from server again e.g. he was notified it has changed, then he cannot use the OnChange event anymore because the value hasn’t changed and the event will be ignored. So the user has to change the value twice.

 We found a second workaround, see code below. Blur the text box on enter and handle only the on OnBlur event to process the value. This way we can process the value repeatedly, the user presses enter or tab-out, then focus back on the same input and hit enter or tab-out and repeat as many times as desired.

 We propose OnEnter event to be added to the text box so we don’t have to handle @onkeypress on outer <div>. The <div> events are also not synchronized with the DebounceDelay parameter of the text box. We have to either set the DebounceDelay to 0 or introduce delay in the KeyHandler method. The text box has OnBlur event already but surprisingly there is no OnEnter event.

We also proposed BlurAsync() method that will eliminate the need to create the javascript function and invoke JSRuntime.

 <<< javascript function >>>
function blurInput(inputId) {

    const textField = document.getElementById(inputId);

    if (textField) {

        textField.blur();

    }

}

<<< Blazor >>>
@page "/"
 
@inject IJSRuntime JSRuntime

<PageTitle>Home</PageTitle>

<div @onkeydown="@(async (args) => await KeyHandler(args))">
    <TelerikTextBox id="txt1" Width="20rem" Placeholder="Pallet" DebounceDelay="0" @bind-Value="@_textInput" OnBlur="@OnInputBlur" />

</div>

<div>

    <TelerikTextBox @ref="_txtRef" Width="20rem" Placeholder="Pallet" />

</div>

@code
{

    private string? _textInput;

    private TelerikTextBox _txtRef = null!;

    private async Task KeyHandler(KeyboardEventArgs e)
    {

        if (e.Key == "Enter")

        {

            await JSRuntime.InvokeVoidAsync("blurInput", "txt1");

        }

    }

    private async Task OnInputBlur()
    {

        Console.WriteLine($"Bound variable: {_textInput}");

        await _txtRef.FocusAsync();

    }

}

}

Unplanned
Last Updated: 17 Apr 2025 08:38 by Stefan
Created by: Stefan
Comments: 0
Category: TextBox
Type: Feature Request
1
I want a BlurAsync() method similar to the standard input blur method.
Unplanned
Last Updated: 17 Apr 2025 07:53 by shalina
Created by: shalina
Comments: 0
Category: DockManager
Type: Feature Request
2

When unpinning a DockManager pane, the unpinned pane always collapses to the left. Need the ability to configure it to collapse to the right or top instead.

In the meantime, a possible alternative to position it to the right is to override the default theme styles with the following CSS approach:

<style>
    .unpin-to-right {
        display: flex;
        flex-direction: row-reverse;
    }
</style>

<TelerikDockManager Height="90vh" Class="unpin-to-right">
    <DockManagerPanes>

        <DockManagerSplitPane Orientation="@DockManagerPaneOrientation.Vertical"
                              Size="40%">
            <Panes>

                <DockManagerContentPane Size="55%" HeaderText="Pane 1.1">
                    <Content>
                        First Content Pane in Split configuration
                    </Content>
                </DockManagerContentPane>

                <DockManagerContentPane HeaderText="Pane 1.2">
                    <Content>
                        Second Content Pane in Split configuration
                    </Content>
                </DockManagerContentPane>

            </Panes>
        </DockManagerSplitPane>

        <DockManagerTabGroupPane>
            <Panes>

                <DockManagerContentPane HeaderText="Tab 2.1">
                    <Content>
                        First Tab Content
                    </Content>
                </DockManagerContentPane>

                <DockManagerContentPane HeaderText="Tab 2.2">
                    <Content>
                        Second Tab Content
                    </Content>
                </DockManagerContentPane>

            </Panes>
        </DockManagerTabGroupPane>
    </DockManagerPanes>

    <DockManagerFloatingPanes>
        <DockManagerSplitPane>
            <Panes>

                <DockManagerContentPane HeaderText="Floating Pane">
                    <Content>
                        Floating Pane Content
                    </Content>
                </DockManagerContentPane>

            </Panes>
        </DockManagerSplitPane>
    </DockManagerFloatingPanes>
</TelerikDockManager>

Unplanned
Last Updated: 16 Apr 2025 15:03 by Stephen
Created by: Stewart
Comments: 10
Category: Form
Type: Feature Request
14
I was surprised to find that FormGroup doesn't have a ColSpan
Unplanned
Last Updated: 16 Apr 2025 13:39 by Stefan

Example:

<PageTitle>Home</PageTitle>

<div>
    <TelerikTextBox Width="20rem" Placeholder="Pallet" DebounceDelay="1000" @bind-Value="@_textInput" OnChange="@(async (input) => await OnInputChanged(input))" />
</div>
<p>@_textInput</p>


@code {
    private string? _textInput;

    private async Task OnInputChanged(object input)
    {
        Console.WriteLine($"Immediate: function parameter: {input}, bound variable: {_textInput}");
        await Task.Delay(1000);
        Console.WriteLine($"Delayed: function parameter: {input}, bound variable: {_textInput}");
        //Make the OnChange event receive the immediate value when the DebounceDelay is set
    }
}

The DebounceDelay is set to 1 second to highlight the behavior, although we have observed it with delays less than 100 milliseconds when the input is from a barcode scanner and the Enter is part of the scan. Start the sample, type "123" in the input, and hit enter within 1 second.

The output in the console is:
Immediate: function parameter: , bound variable:
Delayed: function parameter: , bound variable: 123

Unplanned
Last Updated: 16 Apr 2025 11:40 by ADMIN
Created by: Christian
Comments: 2
Category: Charts
Type: Feature Request
1

Currently, the TelerikChartBreadcrumb does not allow specifying how the Breadcrumb items are visualized when their total width exceeds the width of the component.

A possible alternative to achieve the same result is to override the default theme styles with the following CSS rule:

.k-breadcrumb-container {
    flex-flow: row wrap;
}

Here is a REPL example to see the result of the above CSS approach - https://blazorrepl.telerik.com/GTOyPYbG23PugZBQ36

Unplanned
Last Updated: 16 Apr 2025 10:36 by ADMIN
Created by: Rahul
Comments: 3
Category: FileManager
Type: Feature Request
24
Currently, the FileManager Grid has 3 columns -  Name, Date Created, and File Size. I would like to be able to customize them, i.e. add/remove columns
Unplanned
Last Updated: 16 Apr 2025 10:19 by ADMIN
Created by: Nathan
Comments: 0
Category: PDFViewer
Type: Feature Request
3
I'm wondering if there is any plan to implement a URL as an option for loading in a PDF.  I want to be able to display PDFs that are hosted in a Sharepoint drive by URL without having to download a PDF into memory every time.  I know there are viewers that can do this, but I'm just wondering if I'm missing something with Telerik, or if I need to go with a different solution.
Unplanned
Last Updated: 10 Apr 2025 15:42 by UkrGuru

The issue occurs only if the Signature is initially rendered in a container with display: none style. If I use visibility: hidden, I don't see a problem.

Real use case in which this is a problem: an accordion where the second pane is not opened.

Reproduction code: https://blazorrepl.telerik.com/QfYeuZPv28LlBmBx56.

Steps to reproduce:

  1. Test signinig in the Signature #1 pane - Signature behaves properly.
  2. Open the  Signature #2 pane and test signing - the scale is wrong.
Unplanned
Last Updated: 10 Apr 2025 11:43 by ADMIN
Created by: Joel
Comments: 1
Category: PDFViewer
Type: Feature Request
1
When printing a PDF file with the PDF Viewer, there is an "about:blank" title at the top and bottom of the paper sheet. I would like to set a contextual value of my own, or remove this "about:blank" altogether.
Unplanned
Last Updated: 08 Apr 2025 21:03 by Dustin
Created by: Simon
Comments: 9
Category: PDFViewer
Type: Bug Report
9

Hallo,

i want to Render PDF Files with the PDF Viewer Component.

The Data of the PDF is already fetched from the API when the PDF-Viewer starts Rendering the Loading animation appears and freezes.

After a few Seconds the PDF will be Rendered.

The size of the PDF File is about 5MB.

=====

TELERIK EDIT: Here is a possible workaround - replace the built-in PDF Viewer LoaderContainer with another one with a different animation Type.

<div class="pdfviewer-wrapper">
    <TelerikPdfViewer Height="600px" />

    @* With a Loading... label *@
    <TelerikLoaderContainer Class="pdf-loader-container"
                            OverlayThemeColor="@ThemeConstants.Loader.ThemeColor.Light"
                            Size="@ThemeConstants.Loader.Size.Large"
                            Visible="true" />

    @* Without a Loading... label *@
    @*<TelerikLoaderContainer Class="pdf-loader-container"
                                OverlayThemeColor="@ThemeConstants.Loader.ThemeColor.Light"
                                Visible="true">
            <Template>
                <TelerikLoader Size="@ThemeConstants.Loader.Size.Large"
                               Type="@LoaderType.Pulsing" />
            </Template>
        </TelerikLoaderContainer>*@
</div>

<style>
    .pdfviewer-wrapper {
        position: relative;
    }

    .pdf-loader-container,
    .k-pdf-viewer .k-loader-container {
        visibility: hidden;
    }

    .k-pdf-viewer:has(.k-loader-container:not([style*="none"])) + .pdf-loader-container {
        visibility: visible;
    }
</style>

@code {
    private byte[]? PdfViewerData { get; set; }
}


Unplanned
Last Updated: 08 Apr 2025 15:22 by Alex
Created by: Jakub
Comments: 2
Category: ContextMenu
Type: Feature Request
12
I'd like to prevent the Context Menu from closing when a user clicks on a parent item. The default behavior in most MS applications is that the Context Menu doesn't close after clicking on a parent item.
Unplanned
Last Updated: 08 Apr 2025 10:59 by ADMIN

Hello,

related to my previous bug report.

I have a Dialog that contains a Coordinates textbox which when focused shows a Popup with a Map under that text box.

When the Form model is set in OnInitializedAsync() the Popup is shown under the anchor textbox as expected:

 

But when the Form model is set in OnAfterRender, the Popup is incorrectly positioned to the upper left (0, 0) corner:

 

The position of the popup should behave correctly regardless of where the Form model is set.

 

Unplanned
Last Updated: 07 Apr 2025 18:29 by Alejandro Genovesi
Created by: Simon
Comments: 2
Category: ListView
Type: Feature Request
7
Add the ability to group items within a ListView, like the standard WinForms ListView control.
1 2 3 4 5 6