Telerik Forums
UI for Blazor Forum
1 answer
118 views

My team has noticed a significant increase in build times for our Visual Studio 2022 solution since the 8.0 update. It got marginally better with 8.1.1 but still much slower than before. We have about 6 projects in the solution that reference the Telerik UI for Blazor libraries. Each of these projects appears to be doing its own license validation step. The step takes 5-10 seconds per project so adds 30-60 seconds to the build time. This wouldn't be that onerous, but this is done with every single build, even incremental builds. So the edit/compile/test cycle has gotten significantly slower, impacting productivity negatively.

Can something be done to make this less onerous? Maybe checking once per Visual Studio session? Once a day?

Dimo
Telerik team
 answered on 25 Mar 2025
1 answer
65 views
Hi!

I wanted to ask if it's possible to create a menu similar to the one you have on your main website (https://www.telerik.com), using Telerik UI for Blazor components?

I'm specifically referring to the menu that appears on hover — where a dropdown with multiple columns and grouped content is shown.

I've already built a working version of this using AnimationContainer and some custom hover logic, but I'm wondering if there's a simpler or more "official" way to achieve the same effect using Telerik components out of the box?

Image is attached.

Thanks, appreciate your help!
Bohdan
Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
 answered on 24 Mar 2025
1 answer
52 views

Hi,

I would like to confirm whether the following behavior is a known issue with the TelerikEditor component. Specifically, I am referring to its ValueChange event as documented on Blazor Editor Events - Telerik UI for Blazor.

Please, use the following code example instead:

@* Provide an initial value and update the view-model through the ValueChanged event *@

<TelerikEditor Value="@TheEditorContent" ValueChanged="@ValueChangedHandler">
</TelerikEditor>

@TheEditorContent

@code {
    string TheEditorContent { get; set; } = @"<div>
    <p>Paragraph 1</p>
    <p>Paragraph 2</p>
    <p>Paragraph 3</p>
    <p />
    <p />
    <p>Paragraph 4</p>
</div>";

    void ValueChangedHandler(string value)
    {
        // update the view-model
        //TheEditorContent = value;

        Console.WriteLine("ValueChanged fired");
    }
}

In this example, TheEditorContent string as been assigned a verbatim literal string containing CRLF formatting. The view-model update was commented out.

Compile and, hopefully, you'll confirm as I did that if you click or try to type on the editor, the console will infinitely loop over the ValueChangeHandler and print "ValueChanged fired" indefinitely. Furthermore, if you actually update the view-model, although the loop doesn't occur anymore, the ValueChanged event is fired upon cliking once on the editor. I assume that upon update, the editor changes the formatting of the input in such a way that this "bug" is not longer triggered on further clicks. Why does that happen and how can one fix it?

PS: I noticed this behaviour on my own project, where I wanted to save the original checksum of the text and compare it with successive new checksums as I edited the text in order to check for text differences. Anyway, due to this problem I have a different checksum as soon as I click the editor, thus triggering other logic of mine warning the user that it needs to save his/her changes (although there aren't any).

Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
 updated answer on 24 Mar 2025
2 answers
45 views
Hello

At the moments I have default view FileManagerViewType.Grid and  
I see grid with fields - File name ,Date , File size.
What to do to display only Filename
I am not interested in changing from Grid to ListView
There should be a FileManagerViewType.Grid  with just the file name.
How to manage displayed fields when I  have  FileManagerViewType.Grid?

Best Regards
Adam
Top achievements
Rank 1
Iron
 answered on 21 Mar 2025
1 answer
58 views

Hi,  I am creating E2E testing using Playwright , but I am having issues getting the value of the textearea.

As you can see on the screenshot below when using the playwright code generator it picks the label  "This project is unique because…" but I want the Value "test user 5.1"  , looking at he HTML generated the value "test user 5.1" is not there , how do I get the value ? 

I also tried using the data-testid tag on the components  but it wont work .

 <TelerikTextArea data-testid="test1" @bind-Value="@extendedData.UniqueBecause"
 MaxLength="1000"
 Rows="3">
 </TelerikTextArea>

What's the best recommendation to test using Playwright ? 


 

Thanks .

Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
 updated answer on 21 Mar 2025
1 answer
33 views
I use the grid in many places, and I would like not to have to reimplement recurring tasks, such as state management or Excel export, every time. I have thought about using a custom wrapper, but that is very laborious and complicated. Is there an elegant way to centralize some functions?
Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
 updated answer on 20 Mar 2025
2 answers
40 views

I have a grid with in-cell editing.  Only some of the columns are editable. 

The grid is grouped by two columns, which I default in OnGridStateInit.  The two aggregate columns are NOT editable.

Everything works just fine, but as I click around through the editable columns, the page gets slower and slower and slower over time.  Specifically, clicking away from an editable column causes a refresh (or something) that takes increasing longer and longer.  A spinny loader appears.

This behavior immediately goes away when the grouped columns are removed by ungrouping at the top of the grid (no code update).

Is this a bug or am I doing something wrong?

I tried changing from in-cell editing to in-row editing and have the same problem.

A workaround is to ungroup for editing, and then regroup for display purposes, but I'm new and want to verify I'm not doing something wrong.

Dimo
Telerik team
 answered on 19 Mar 2025
1 answer
38 views

My bosses like the idea of being able to add the annotations on the PDF Viewer.  I pull my files from Azure and they want to mark them up.  So, I'll need to save the updated copy back to Azure.  How does this work?  Do you have an example of how to keep the changes?  Do the annotations become part of the PDF File or must I save those off separately in order to reapply them when I view?  Or, can I just take the modified bytes and upload them as a new copy of the original file?

Nadezhda Tacheva
Telerik team
 answered on 19 Mar 2025
1 answer
54 views

I am new to using the UI for Blazor products.  I added the code from https://www.telerik.com/blazor-ui/documentation/components/tabstrip/overview

The control renders but I am not able to select the 3d tab, the control remains on the first tab.  Any help on why would be appreciated.

Here is the code from the razor page.

@page "/Reports/report-main"

@using Telerik.Reporting;
@using Telerik.Blazor.Components;

<h3>Report Main</h3>

<!-- Tabs -->
<div>
    <TelerikTabStrip>
        <TabStripTab Title="First">
            First tab content.
        </TabStripTab>
        <TabStripTab Title="Second" Disabled="true">
            Second tab content. This tab is disabled and you cannot select it.
        </TabStripTab>
        <TabStripTab Title="Third">
            Third tab content.
        </TabStripTab>
    </TelerikTabStrip>
</div>

@code {

}
Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
 answered on 16 Mar 2025
1 answer
33 views

Hi,

 is there any way, how to "debounce" when you scroll down for example by 1px to NOT CALL onread when data is already in current dataset?

Why? Because you are scrolling to item, which is already loaded(just presented invisible down in html markup).

expected:

- if you scroll to "end of the current page dataset" then it should read next one - call OnRead.

Simple calc - example:
PageSize = 100 - just for testing
ItemHeight= 400px  - HUGE ONE, to get the idea
GridHeight = 600px
items on "page/screen" ~ 2, items loaded: 100

So you at least have inmemory 45 "pages" of data. So calling OnRead is not necessary.

Here is example to observere how many times OnRead is called So if it will be sql/external/network data paging, it hits DB +api every single pixel of move.

https://blazorrepl.telerik.com/QTadFJPJ215VflwP28

 

if someone thinks about caching it to the local variable, dont do that :)  = if even so, is there a way how to get it from <TelerikGrid @Ref=ME  .../> @Me.Data ? If not, so caching this way is bad idea. 

Thanks for the tips.

Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
 answered on 16 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?