I followed the example provided here

Blazor Rebind Grid from Timer - Telerik UI for Blazor

And we have a working instance of this in our website.  However, the app is being used in an environment where a particular Telerik Chart and Grid are being left on for days at a time.  Now I believe the issue is actually with System.Timer.Timer and Blazor more than any Telerik control.

System.Timer.Timer will create a thread process on the Client server side.  This leads us into multi-threaded thread management and lifetimes and there are a number of things that may interfere. After a long period, per example more than 1 day, the timer stops working. And if the thread is working and the Blazor app does not properly call Dispose() then the thread could become orphaned.

Is there a better way to manage this with C# and Blazor?  Theoretically I could have 100 users with 100 different timers as provided in the example above. Optimistically, I need only 1 timer to exist on the server, and some sort of API that polls the 1 timer I have against 100 clients.  This means I am moving the timer from a C# System.Timer.Timer thread on the server towards a JavaScript based timer on the client, yes?

Hi, we are using the filter component extensively and our model has a large number of fields. It is cumbersome locating the correct field to filter on from the drop down list. Is it possible to add a filter to the field drop down as shown below the same as what is available when using filterable = true on a drop down list?

. 

If I use ChartCategoryAxisBaseUnit.Years the X-axis looks great.

However, if the data doesn't have any entry for every year (rates don't necessarily change every year) I get an odd chart with dips for the years where no rate was changed, resulting in this:

As you can see, dip in 2011.  I don't want to see a dip as it's not representative, what I want to see is a straight line going up from 2010 to 2012 as the 2011 is really just an interpolated label for the X axis.

Is there a solution to this issue?

Rob

Hi, I try to use Gantt so i bump into it doesn't have summery row template?

I understood that everyone is busy, so i started to explore rendered html of gantt and found 3 timeline tables! while try to fix bug with not synced scroll this code o got from here https://www.telerik.com/blazor-ui/documentation/components/gantt/timeline/templates/task

look:

I seem unable to locate the CSS class I need to use for setting column separator width.  I have tried, but no luck.

Thought maybe .k-separator but that didn't seem to do anything.  Dev mode inspection via Edge didn't reveal anything I could use/find.

If I specify a column like so:

                    <GridColumn Title="Effective">
                        <Columns>
                            <GridColumn Field=@nameof(RateDispatchItem.EffectiveDate) Title="Current" Editable="false" TextAlign="ColumnTextAlign.Right" DisplayFormat="{0:MM/dd/yyyy}" Width="7rem" />
                            <GridColumn Field=@nameof(RateDispatchItem.NextEffectiveDate) Title="Next" Editable="true" TextAlign="ColumnTextAlign.Right" DisplayFormat="{0:MM/dd/yyyy}" Width="7rem" />
                        </Columns>
                    </GridColumn>

I'll get column separators for entire grid (which sorta makes sense):

BUT, I can't seem to make column separators work for single titles like:

I'd like to set the column header separator to a 1px and apply system wide (just the header, no the grid content).

Hints?

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?

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?

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 ?

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

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: