Telerik Forums
UI for Blazor Forum
1 answer
56 views

Hi!

I'm doing a migration from a WPF application to Blazor and I would like to know if there is a way to make a column of a grid reusable. Example:

In WPF you can have a resource dictionary and reference it from the component in question to represent data with the same UI, in Blazor I think this is not possible, the only thing I can think of is to componentize the columns but I'm not sure if this is the right way to do it. Is there any contemplated or recommended way?

Thanks in advance!

Telerik WPF - CellTemplate

Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
 answered on 13 Mar 2025
1 answer
52 views

I have a Scheduler on a dialog with a radio button group. Selecting radio button displays a number of appointments in the calendar and the Scheduler allows the user to click one to select it. When they select another radio button, I have it retrieving a new list of appointments and they're rendered properly but the same slot is still selected. If that slot isn't in the list, it selects a different (I think based on the previously selected appointment's index).

How can I clear the selected appointment index completely?

Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
 updated answer on 12 Mar 2025
2 answers
38 views

Is there a way to add a stylesheet to the prosemirror in the iframe?

I want to add a plugin for a Placeholder eg:

https://gist.github.com/amk221/1f9657e92e003a3725aaa4cf86a07cc0

 

Also: is there a way to let the user change the height of the TelerikEditor, just like with a text area (bottom right corner)?

Robert
Top achievements
Rank 1
Iron
Iron
 answered on 11 Mar 2025
1 answer
50 views

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.

Dimo
Telerik team
 answered on 10 Mar 2025
1 answer
42 views

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

Get this (unclickable):

 

Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
 updated answer on 08 Mar 2025
1 answer
63 views
I have a Blazor DataGrid with couple of Locked columns. I want to add vertical borders only for the other scrollable columns. I have tried the examples in here but no luck Blazor Change Border Color of Grid Columns - Telerik UI for Blazor

I
s there a way to add vertical boarders when there are Locked columns? Thanks
Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
 updated answer on 07 Mar 2025
1 answer
570 views

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.

Brian
Top achievements
Rank 1
Iron
 answered on 07 Mar 2025
1 answer
44 views

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>


Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
 updated answer on 06 Mar 2025
1 answer
35 views

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.

Hristian Stefanov
Telerik team
 answered on 06 Mar 2025
1 answer
59 views

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

Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
 updated answer on 05 Mar 2025
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?