Telerik Forums
UI for Blazor Forum
1 answer
248 views
Good afternoon,
A simple and straightforward way to maintain customized themes  when facing a new release of Telerik for Blazor was to import theme variables from a .json file. This would generate new themes according to our needs, and we could then download and apply the update.
In the current Theme Builder, I cannot find an option to import the .json file; I can only import from Figma. Additionally, importing metadata does not seem to be what I am looking for.
Could you please guide me on how to achieve what I need to do?

Best regards.
Twain
Dimo
Telerik team
 answered on 10 Aug 2023
5 answers
1.4K+ views

Hi, in our application we receive notification from server signalR connection and update some controls UI (typical progress bar and TextBox).

I found an issue who generate an OutOfMemory exception when we loop to update ui with telerik controls.

I have replied the issue with a demo project (see attachment).

Note who i can reply the issue with this conditions:

- Initialize a SignalR connection (initialized but unused..)

- Use Telerik controls inside a EditForm (in the sample TelerikTextBox and TelerikNumericTextBox)

To reply the issue i generate an infinite loop who raise an event, inside the event handler i simply update ui controls and call StateHasChanged().

Starting the loop it reach about 2GB of memory in about 90 seconds and then raise an outofmemory exception.

If i replace TelerikTextBox/TelerikNumericTextBox with simple input control the memory grow up and remain stable to about 500MB without raising the OutOfMemory exception, so i think who garbage collector do his job.

If i not initialize the SignalR connection, the memory leak does not occurs.

Waiting for your reply.

Thanks

Coding Machine
Top achievements
Rank 2
Iron
 updated answer on 09 Aug 2023
0 answers
341 views

I have a byte[] of a PDF file that i show the user in a PdfViewer. In the toolbar, the user has the option to download the file or print it, in addition to other functions.

If the user downloads the file, opens the PDF in Google Chrome and prints it, the print quality is the same as the PDF file. On the other hand, if the user prints directly from the PdfViewer, the quality shown in the preview is lower and the margins are different - it looks like it renders the print as an image of an A4 paper.

Example of the bottom right corner in the Google Chrome print preview:



Example of the bottom right corner in the PdfViewer print preview:



Unfortunately, it is clearly visible that the quality is lower and the positioning is not the same.

Is there a workaround for this issue?

Domingos Portela
Top achievements
Rank 1
 asked on 09 Aug 2023
1 answer
217 views
Hello everyone,
I'm working with tabstrips, and I've noticed that when clicking on the tab content, a white border appears (see left side of the image). I've tried several styles, but I haven't been able to remove it.
How can I make that border not visible?
Thank you.

Twain.
Dimo
Telerik team
 answered on 08 Aug 2023
1 answer
292 views

Hi, our team is using - https://docs.telerik.com/blazor-ui/components/grid/overview

 

We are trying to extend the 'GridColumn' control to have show/hide depending on if our user is authenticated, with some role-based things as well.

Where I've gotten to is something like this...

//AuthorizedGridColumn.razor

@typeparam TItem @if (IsAuthorized) { <GridColumn Field="@Field" Title="@Title"> <Template Context="item"> @ChildContent((TItem)item) </Template> </GridColumn> } @code { [Inject] private AuthenticationStateProvider AuthenticationStateProvider { get; set; } = null!; [Parameter] publicstring Field { get; set; } [Parameter] publicstring Title { get; set; } [Parameter] public RenderFragment<TItem> ChildContent { get; set; } [Parameter] publicstring PolicyName { get; set; } privatebool IsAuthorized { get; set; } protected override async Task OnInitializedAsync() { var authState = await AuthenticationStateProvider.GetAuthenticationStateAsync(); var user = authState.User; if (user.Identity == null) { IsAuthorized = false; } else { IsAuthorized = user.Identity.IsAuthenticated && user.IsInRole("Admin"); } await base.OnInitializedAsync(); } }

With usage that looks like...


<AuthorizedGridColumn TItem="OurClass" Field="@nameof(OurClass.OurProperty)" Title="Something">
                            <ChildContent Context="binding">
                                @{
                                    <p>Only Admins!</p>
                                }
                            </ChildContent>
                        </AuthorizedGridColumn>
Which does work, but the ordering of the columns is incorrect. Instead of displaying in order e.g. I would expect

<AuthorizedGridColumn TItem="OurClass" Field="@nameof(OurClass.OurProperty)" Title="Something">
                            <ChildContent Context="binding">
                                @{
                                    <p>Only Admins!</p>
                                }
                            </ChildContent>
                        </AuthorizedGridColumn>
<GridColumn></GridColumn>
<GridColumn></GridColumn>
To produce something like
|AuthorizedColumn|Regular Column|Regular Column|
| content| content| content|

Instead it renders
|Regular Column|Regular Column|Authorized Column|

Fwiw the same behavior also seems to be a problem when you do this without the custom control

<AuthorizeView Roles="Admin">
                        <GridColumn></GridColumn>
                    </AuthorizeView> 
                    <GridColumn></GridColumn>
                    <GridColumn></GridColumn>

Any help is greatly appreciated!

Dimo
Telerik team
 answered on 08 Aug 2023
4 answers
741 views

Hi,

is it possible to achieve a result like in this dojo in blazor too?

Greetings and thanks.

Marcus
Top achievements
Rank 1
Iron
 answered on 07 Aug 2023
1 answer
108 views
Can you save the edited HTML back to a database after modifying it in the Telerik Editor?
Dimo
Telerik team
 answered on 04 Aug 2023
1 answer
118 views
Is there any chance to use seperators within the menu ?
Dimo
Telerik team
 answered on 04 Aug 2023
1 answer
99 views

I just updated from 4.0.1 to 4.4 and it broke my gridlayouts. I'm guessing it may have to do with the dependencies.

 

How do I updte the items listed below? Will this resolve my issue?

 

Before Update:

 

After Update:

Dimo
Telerik team
 answered on 04 Aug 2023
1 answer
289 views
I'm updating an older ASP.Net program (.Net 2; Bootstrap 3; Telerik / Kendo stuff from 2018) and some of the components are just proving easier to rewrite completely than to try and update.

I have a proof-of-concept where I've replaced one of our TabStrips with a Blazor UI Tabstrip -- holy crap, Blazor is nice -- but I think the definitions in telerik-blazor.js are overriding the Kendo UI for JQuery definitions.

I'm already only importing the JQuery definitions I need and bundling with Webpack -- is there any way to do the same thing with the Blazor UI stuff short of building a stripped release from source?
Dimo
Telerik team
 answered on 04 Aug 2023
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?