Telerik Forums
UI for Blazor Forum
1 answer
97 views

I am using the Blazor TelerikGrid with column reordering, column menu, and “Reset Columns / Reset to Default” functionality enabled.
However, the grid does not revert back to the original default column layout after users reorder and hide columns, then click Reset.

Steps to Reproduce

  • Load the grid with default columns.
  • Reorder some columns using drag & drop.
  • Hide a few columns from the column menu (uncheck).
  • Open the column menu and click:
    • Reset Columns, or
    • Reset to Default
  • The grid does not return to its original default column order or visibility settings.

Expected Behavior

  • The grid should fully restore the initial default state:
    • Original column order
    • All columns visible again
    • Original widths and layout


    <TelerikGrid @ref="SearchGrid"
                 TItem="@ChargeUIResult"
                 Pageable="true"
                 Sortable="true"
                 ConfirmDelete="true"
                 Resizable="true"
                 Groupable="false"
                 Navigable="false"
                 Reorderable="true"
                 EnableLoaderContainer="false"
                 FilterMode="GridFilterMode.None"
                 EditMode="GridEditMode.Popup"
                 SelectionMode="GridSelectionMode.Multiple"
                 ShowColumnMenu="true"
                 OnRead="@ReadItems"
                 OnRowClick="@OnRowClickHandler"
                 SelectedItemsChanged="@((IEnumerable<ChargeUIResult> args) => SetSelectedItem(args))"
                 SelectedItems="@SearchState.SelectedItems"
                 PageChanged="@SearchState.ClearingSelectedItem"
                  ......>
        <GridSettings>
            <GridPagerSettings InputType=PagerInputType.Buttons PageSizes="@SearchState.PageSizes" ButtonCount="@SearchState.PageButtonCount" />
            <GridColumnMenuSettings Sortable="true"
                                    Lockable="false"
                                    FilterMode="@ColumnMenuFilterMode.None" />
        </GridSettings>
  </TelerikGrid>

Code:
    private async Task SetSelectedItem(IEnumerable<ChargeUIResult> args)
    {
        if (ShouldRenderSelected)
        {
            var selectedList = args.ToList();             
            SearchState.SetSelectedItems(selectedList);
            StateHasChanged();
        }
        ShouldRenderSelected = true;
    }

My Question:

  • Is this a known issue where Reset Columns / Reset to Default does not revert the column order and visibility to the initial state?

  • Does the Reset feature require explicit configuration or persistence settings to restore original defaults?

Dimo
Telerik team
 answered on 15 Dec 2025
1 answer
51 views

I currently have a complex Diagram that is likely to have Connections visually intersecting with Shapes, but the Connections are drawn overtop the Shapes, obscuring the information on them.

Is there some way to set up the Diagram such that Connections are rendered underneath the Shapes?

Hristian Stefanov
Telerik team
 answered on 10 Dec 2025
0 answers
66 views

Hi,

 

When defining the selected value from code with a dynamically populated list (autocomplete that feeds itself as you type), defining the bound value from code does not update the rendering, regardless of calling StateAsChanged, Rebind or Refresh.

The value is properly set but the text-field is not updated from the defined TextField property, and i know for sure that the matching item is inside the Data list.

Is this a known limitation ? is there working example of such setup ?

Victor
Top achievements
Rank 1
 asked on 03 Dec 2025
1 answer
125 views

Hi all,

I used https://www.telerik.com/blazor-ui/documentation/components/pdfviewer/toolbar to customize my toolbar and it works fine.

So, I need to hide/show Download and Print Buttons according user and kind of report.

How do I hide this buttons inside my blazor code?

 

Regards,

Nelson

Ivan Danchev
Telerik team
 answered on 28 Nov 2025
0 answers
94 views

I’m using a TelerikComboBox in a Blazor application, and I’ve encountered an issue where the dropdown requires two clicks to display the loader and populate the values. On the first click, nothing happens—the loader does not appear, and the dropdown remains empty. Only after clicking a second time does the loader show and the data load correctly.

Here’s the relevant code snippet:


<TelerikComboBox Data="LookupDropdown" @bind-Value="@Compare.Operand2.Value" TextField="@nameof(KeyValueDropdownsModel.Label)"
                 ValueField="@nameof(KeyValueDropdownsModel.Action)" Filterable="true" AllowCustom=IsEnabled
                 Placeholder=@PlaceholderContent FilterOperator="@FilterOperator" Width="270px" OnRead="LoadDropdownDataAsync">
    <ItemTemplate>
        <span class="selectedOptionCode" aria-label="@context.Label" title="@context.Description">@context.Label</span>
    </ItemTemplate>
    <HeaderTemplate>
        @if (IsLoading || isEOBCodeLoading)
        {
            <div class="dropdown-spinner">
                <TelerikLoader Type="@LoaderType.InfiniteSpinner" Size="@(ThemeConstants.Loader.Size.Small)"></TelerikLoader>
            </div>
        }
    </HeaderTemplate>

    <NoDataTemplate>
        @if (!IsLoading && !isEOBCodeLoading)
        {
            <div>No data available</div>
        }
    </NoDataTemplate>
    <ComboBoxSettings>
        <ComboBoxPopupSettings Height="auto" MinHeight="30px" MaxHeight="250px" />
    </ComboBoxSettings>
</TelerikComboBox>

As finding:

Root Cause:
It seems that the issue occurs when the EOB Code option is first selected from one menu, and then the EOB Code dropdown requires a second click for the loader to appear and display the values. This behavior only happens if the user does not focus out of the first menu before attempting to open the EOB Code dropdown.

Why it happens

  • Focus handling: If the user doesn’t “focus out” of the first menu, the second dropdown doesn’t register the initial click as a data‑load trigger.
  • Async loading: The loader is tied to the dropdown’s open event. If the component is still resolving focus or rendering, the first click only sets focus, and the second click actually opens the list.
  • Telerik specifics: Telerik  dropdowns often require explicit focus before they can trigger data binding. This is why we see the loader only after the second click.
    It’s not a defect in code alone, it’s tied to how Telerik manages focus and rendering in dropdown components
Arjun
Top achievements
Rank 1
Iron
 updated question on 26 Nov 2025
1 answer
60 views

Hi

I want to add a textbox in the  GridToolBarTemplate. Because of the built-in arrow navigation it is not possible to move the cursor inside the textbox. Is it possible to disable the default arrow navigation in the GridToolBar?

Example in this simple REPL

Enter any text in the Textbox, hit the left arrow keyboard button and notice the cursor stays at the end of the text.

 

Best regards

Bram

Dimo
Telerik team
 answered on 20 Nov 2025
1 answer
83 views

Version 12.0.0 removed the .k-item class from rendering on a tab strip's tab but that now means that the active tab looks identical to all other tabs. Is there a workaround or some way to get that back without manually recreating the CSS myself? 

 

The screenshot is from the docs to show it's not just my project or any custom config on my end:

https://www.telerik.com/blazor-ui/documentation/components/tabstrip/overview

Dimo
Telerik team
 answered on 19 Nov 2025
1 answer
69 views

I'm writing an OnShapeClick method that (among other things) should change the Color of the selected shape. I am defining shapes as such: 

<DiagramShapes>
    @foreach (Node node in Nodes)
    {
        <DiagramShape Id="@node.LinkID" >
            <DiagramShapeContent Text="@node.GetDisplayName()" />
            <DiagramShapeFill Color="@node.GetColor()"/>
        </DiagramShape>
    }
</DiagramShapes>

In OnShapeClick, I am updating the Color by changing a field for the specified node that results in node.GetColor() returning a new Value, and this works. 

async Task OnPersonClick(DiagramShapeClickEventArgs Args)
{
    foreach (Node node in Nodes)
    {
        if (node.LinkID.Equals(Args.Id))
            node.State = SelectedState.True;
        else
            node.State = SelectedState.False;
    }
}

The issue is that when the Diagram is re-rendered, the positions of all the shapes are recalculated. resulting in any Shapes that the user has dragged out of position to revert to their original position, or in the case of the Force Diagram, a complete reshuffle of the Shapes in the Diagram. This is undesired behavior. 

In short, how do I update the Color (or any property) of a Diagram Shape while maintaining the current positions of all shapes within the Diagram?

Dimo
Telerik team
 updated answer on 18 Nov 2025
0 answers
47 views

Hi all,

When TelerikTreeView is used within TelerikWindow's WindowContent, mouse hover events trigger continuous re-rendering of the entire window content, resulting in significant performance degradation. However, using TelerikTreeView directly on a page outside the window doesn't cause these re-rendering issues.


<TelerikWindow Visible=true>
    <WindowContent>
            <TelerikTreeView Data="@TreeData">
                <TreeViewBindings>
                    <TreeViewBinding>
                        <ItemTemplate>
                            @{
                                TreeItem itm = context as TreeItem;
                                <span @onclick="@( _ => NodeClick(itm) )">
                                    Node:
                                    <strong>@itm.Text</strong>
                                </span>
                            }
                        </ItemTemplate>
                    </TreeViewBinding>
                </TreeViewBindings>
            </TelerikTreeView>
    </WindowContent>
</TelerikWindow>

@code {
    string result { get; set; }
    async Task NodeClick(TreeItem clickeNode)
    {
        result = $"Last clicked node Id: {clickeNode.Id}";
    }

    // sample data

    public IEnumerable<TreeItem> TreeData { get; set; }

    public class TreeItem
    {
        public string Text { get; set; }
        public int Id { get; set; }
        public List<TreeItem> Items { get; set; } = new List<TreeItem>();
        public bool HasChildren { get; set; }
    }

    protected override void OnInitialized()
    {
        LoadHierarchical();
    }

    private void LoadHierarchical()
    {
        List<TreeItem> roots = new List<TreeItem>() {
            new TreeItem { Text = "Item 1", Id = 1, HasChildren = true },
            new TreeItem { Text = "Item 2", Id = 2, HasChildren = true }
        };

        roots[0].Items.Add(new TreeItem
        {
            Text = "Item 1 first child",
            Id = 3

        });

        roots[0].Items.Add(new TreeItem
        {
            Text = "Item 1 second child",
            Id = 4

        });

        roots[1].Items.Add(new TreeItem
        {
            Text = "Item 2 first child",
            Id = 5

        });

        roots[1].Items.Add(new TreeItem
        {
            Text = "Item 2 second child",
            Id = 6

        });

        TreeData = roots;
    }
}



Andrey
Top achievements
Rank 1
 updated question on 18 Nov 2025
0 answers
62 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
Narrow your results
Selected tags
Tags
+? more
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Iron
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Iron
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?