I'm getting a JavaScript error when I open a TelerikDialog that has a TelerikScheduler in it. The error is:

telerik-blazor.js:1 Uncaught TypeError: Cannot read properties of undefined (reading 'filter')
    at m.handleOverflowingItems (telerik-blazor.js:1:2451674)
    at e.ResizeService.onResize [as resizeCallback] (telerik-blazor.js:1:2446927)
    at ResizeObserver.onResize (telerik-blazor.js:1:2228100)
    at telerik-blazor.js:1:2239508

I have a reproduction here, specifically in this page. The error appears when you click the button and the dialog opens. If I remove the Scheduler, the error goes away. The configuration for the Scheduler was taken from the overview page.

This is happening with Telerik Blazor 8.0. I checked with version 6.2 and it didn't show an error in that case.

Code

        <FormItem Field="@nameof(NewRecordClaim.EvidenceLink)"  Id="EvId" LabelText="Evidence Link" Enabled="false">
                    <Template>
                        <label for="EvidenceLink" class="k-label k-form-label">Link:</label>
                        <div class="k-form-field-wrap">
                            <a target="_blank" href="@MyModel.EvidenceLink">View evidence at @MyModel.EvidenceLink</a>
                        </div>
                    </Template>
                </FormItem>

MyModel.EvidenceLink is for example

https://athsvic.resultshub.com.au

View evidence at

https://athsvic.resultshub.com.au  <-- Should get this

Hi,

I try to use Telerik.UI.for.Blazor in Docker.

I have added a nuget.config file and also add the corresponding line as explained here

https://docs.telerik.com/aspnet-core/knowledge-base/docker-build-nuget

But when running the docker build command there is this error

"error NU1301: Unable to load the service index for source https://nuget.telerik.com/v3/index.json."

What is wrong ?

Best regards.

Hello!

i use Entity Framework and my class has over 150 attibutes. So i use AutogenerateColums.

I want overwrite the value with template for example: Inventory.IsFragmented is boolean.

So in the Grid i dont want show true or false. i want text: Ja / Nein.

But my code show only true or false. Have someone an idea how can i do it. Thank you :)

<TelerikGrid 
             Data="@GridData"
             @ref="@Grid"
             Sortable="true"
             Reorderable="true"
             Resizable="true"
             Pageable="@true"
             AutoGenerateColumns ="true"
             ShowColumnMenu="true"
             FilterMode="@GridFilterMode.FilterMenu"
             OnRowDoubleClick="@OnRowDoubleClickHandler"
             SelectionMode="GridSelectionMode.Multiple" > 

    <GridToolBarTemplate>
        <GridCommandButton OnClick="@AutoFitAllColumns" Icon="@FontIcon.ColResize" Title="Spalten-Autoanpassung" Class="tooltip-target"></GridCommandButton>
        <GridCommandButton Command="ExcelExport" Icon="@SvgIcon.FileExcel">Export to Excel</GridCommandButton>
        <GridCommandButton Command="CsvExport" Icon="@SvgIcon.FileCsv">Export to CSV</GridCommandButton>
        <label class="k-checkbox-label"><TelerikCheckBox @bind-Value="@ExportAllPages" />Alle Seiten exportieren</label>
    </GridToolBarTemplate>
    <GridColumns>
        <GridCheckboxColumn></GridCheckboxColumn>
        <GridAutoGeneratedColumns ColumnWidth="200px" />
        </GridColumn>
        <GridColumn Field=@nameof(Inventory.IsFragmented)>
            <Template >
                @{
                    var x = context as Inventory;
                    var b = x.IsFragmented == true ? "Ja" : "Nein";
                }
                <p> @(x.IsFragmented ? "Ja" : "Nein")</p>
            </Template>
        </GridColumn>
        <GridColumn Field=@nameof(Inventory.Immobile) Visible="true">
            <Template>
            @{
            var x = context as Inventory;
            if (x.Immobile == true) {
                <p>Ja</p>
            } 
            else {
                <p>Nein</p>
            }
        }
<p>NEIN</p>
            </Template>
        </GridColumn>
    </GridColumns>
    <GridExport>
        <GridExcelExport FileName="ve-excel-export" AllPages="@ExportAllPages" />
        <GridCsvExport FileName="ve-csv-export" AllPages="@ExportAllPages" />
    </GridExport>
</TelerikGrid>

Is there a way to load a popover when the component loads?

I want to use it as a notification on new features in the app.

I have some Grids which are fully managed by the TelerikGrid control (as far as sorting, filtering, and pagination goes). These grids use the Data property on the Grid. These TelerikGrids are using the <GridSearchBox />.

I am now building some API-driven grids, which are using the OnRead property. For the API-driven Grids I'm using a TelerikTextBox for searching, instead. I would like this grid to look the same as the managed grids.

Is there any way to make the TelerikTextBox look identical to the GridSearchBox?

I have followed this example to replace the GridSearchBox with a TelerikTextBox, but the appearance is very different.
Blazor Search Grid on Button Click - Telerik UI for Blazor

Thank you

-Adam

In many cases the header text of columns gets truncated to an ellipses if the columns aren't wide enough.  It would be nice if there was a global way to display a tooltip for each column header that is made up of the header text.  I know that I can do this using the column header template, but that will require that I create a template for every column in all of my grids. I'm looking for a way to have it work globally.

Thanks,

Mike

Hi,

In the Kendo grid we could drag the cursor over several rows to select them. This is sometimes more convenient that using Ctrl and Shift keys for multiple row selection. Is this possible in the Blazor Grid?

Thanks

A DropDownList receives a List of Items and then displays the field I select via Reflection. In the example below that would be the "Text" field. How would I create a localized text in an easy way. I already inject the IStringLocalizer into this component but I cannot pass a method call to the dropdownlist as far as I know. Is there a way to tell Telerik globally to use my Localizer to translate all strings that would be rendered or sth like that? I have several ideas how I could add Localizations but they all seem rather complicated and I would like to know the intended way.

 <TelerikDropDownList Data="@Data"
                                         @bind-Value="@SelectedValue"
                                          TextField="@nameof(MyType.Text)"/>