Telerik Forums
UI for Blazor Forum
1 answer
24 views

(.Net 8, Telerik Blazor 6.0.0)

Adding GridAggregates to a detail template when running in InteractiveServer mode appears to cause it not to render the detail grid, although the rows are "there". The attached example has grouping activated on the detail grid. Grouping by a column, the rows appear.

I tested this on Telerik.UI.for.Blazor.Trial 5.1.1 and it works fine (rows always render), so it seems to be a problem on 6.0.0. We have quite a few DetailTemplates with GridAggregates so would appreciate feedback on this.

Attaching an example taken from Telerik examples.

Many thanks,

 

Michael.

 

Tsvetomir
Telerik team
 answered on 03 Jun 2024
1 answer
25 views

Hello,

We are using the PDF viewer to display a report that we made with Telerik Reporting.

When we display it on the screen, everything work great, the format is correct (landscape) and the margin are correct (custom margin)

When we click on the print button (made with <PdfViewerToolBarPrintTool />), the preview window show our report in "portrait" and with "default margin". Because of that, our report take 5 pages instead of 2. If we manually change the settings to "landscape" and "no margin" in the print preview, the print is correct.

Is there a way to change that ? Change the default page orientation and the default margin so that our client doesn't have to do it themselve?

We tried using the new release from may 2024 (blazor 6.0), the quality of the print went up, but I dont see any option which would let me do that.

Thank you
David

Svetoslav Dimitrov
Telerik team
 answered on 03 Jun 2024
1 answer
17 views

I have added 3 Custom buttons to my toolbar in the editor. I would like to use Spacer similar to ToolbarSpacer and would like the clear and save comment buttons to be right justified. How would I do that or if I can't, can it be added?

Hristian Stefanov
Telerik team
 answered on 31 May 2024
1 answer
42 views

I've got a Blazor WebApp and want to open a page (with several Telerik components) in a new tab. Unfortunately I can't use NavLink or NavigationManager.NavigateTo(url) as they won't open in a new tab/window.

After googling I realized the general consensus is to use javascript: await JS.InvokeVoidAsync("open", <url>, "_blank");

This works fine as long as the page url doesn't contain any parameters (url "/TestPage") but whenever I pass along a parameter (url "/TestPage/dummyParam") the page loads but the styling for the Telerik components are wrong (missing?)

As a sidenote, I get exactly the same weird behavior with a <a href="/TestPage/dummyParam" target="_blank"> so not an option.

Depending on what kind of Telerik components I've added to the opened page I get different errors.
A TelerikButton simply looks ugly but if I add a TelerikTextBox I get an exception  "Error: Microsoft.JSInterop.JSException: Could not find 'TelerikBlazor.initTextBox' ('TelerikBlazor' was undefined)."

Were thinking maybe components were rendered too early so tried to show them only after OnAfterRender(), but still the same problems. Changing to prerender: false ( @rendermode="new InteractiveServerRenderMode(prerender: false) ) didn't help at all but I'm mostly grabbing at straws at this time..

I've made a very simple sample app demonstrating this problem, see zip.

1. Start page, all looks ok.

2. Pressing  "open in new tab, no param" button, the TestPage is opened in new tab and everything looks fine, correct visuals etc.

3. Back to Home, press "open in new tab, one param" button, exactly the same TestPage is opened in a new tab but styles are now missing, layout is wrong and exceptions reported depending on what controls have been added.

4. Back to Home, pressing the href link, same behavior as nr 3.

Does the "open in new tab" break the SPA boundaries? The answer to my problem is probably obvious, but I just can't see it at the moment.

Nadezhda Tacheva
Telerik team
 answered on 31 May 2024
1 answer
20 views

Does Telerik UI for Blazor have a Timeline component similar to MudBlazor's?

https://mudblazor.com/components/timeline#opposite

I can't seem to find anything similar. Is there someway to create it out of other components?

Hristian Stefanov
Telerik team
 answered on 30 May 2024
1 answer
21 views
Like the title says, I am using a grid hierarchy and would like to set the title of the grid hierarchy column to say "Details" rather than it just be an empty column title. This is the column that contains the expand/collapse icons.
Ester
Top achievements
Rank 1
Iron
 updated answer on 30 May 2024
1 answer
33 views

Trying to install from telerik.ui.for.blazor.6.0.0.commercial.msi on Windows 11 running on Parallels Desktop 19 for MAC.

The Mac host is a Macbookpro with the Apple M2 Pro chip.

The error message is: This application requires .NET SDK 6.0 or later. Please install...

I have the following sdks installed:

7.0.409 [C:\Program Files\dotnet\sdk]
8.0.300 [C:\Program Files\dotnet\sdk]

I was able to unzip the telerik.ui.for.blazor.6.0.0.commercial.zip file to the destination and reference the folder from VisualStudio 2022 and all seems to be well. Just wondering should it be possible to install from the .msi

 

Many thanks,

 

Michael.

 

 

Nansi
Telerik team
 answered on 29 May 2024
1 answer
28 views

What could cause this appearance?

 

Background: I'm upgrading a Blazor Server site from .NET Core 3.1 and Bootstrap 4 to .NET 8 and Bootstrap 5.  Upgraded the Telerik Blazor nuget package and regenerated the CSS file using ThemeBuilder.

Razor markup is:

        <TelerikDropDownList TextField="Key" ValueField="Value" Data="@Sizes" @bind-Value="@Size" Width="150px"><DropDownListSettings><DropDownListPopupSettings Height="auto"></DropDownListPopupSettings></DropDownListSettings></TelerikDropDownList>

The shift starts if the viewport is greater than 1500px in width.  If it's 1500px or less I see:

<div class="k-animation-container telerik-blazor" data-id="d53dbb0d-7b8c-49d1-bb05-a173229fa149" role="region" aria-label="Options list" id="7b6577ed-d3c0-4d2c-b473-0ea9fa03f32d" dir="ltr" style="height: auto; left: 12px; top: 99px; width: 150px; z-index: 10002; display: none;">

1600px shows:

<div class="k-animation-container telerik-blazor k-animation-container-shown" data-id="d53dbb0d-7b8c-49d1-bb05-a173229fa149" role="region" aria-label="Options list" id="7b6577ed-d3c0-4d2c-b473-0ea9fa03f32d" dir="ltr" style="height: auto; left: 56px; top: 99px; width: 150px; z-index: 10002;">

The inline left property increases in value as the viewport increases in width.

Nansi
Telerik team
 answered on 29 May 2024
1 answer
19 views

Hi, I'm not adding a ChartLegend element to a pie chart, but the legend is still showing up to the right of the pie chart? How can I remove the legend entirely from the Pie chart?

 

See here for demo: https://blazorrepl.telerik.com/cSupwSbA500BPvKK06

 

Tsvetomir
Telerik team
 answered on 29 May 2024
1 answer
25 views
How can the font size used in Chart Labels and Legends be set? I don't see any configuration for that, and overriding the CSS has no effect on the SVG generated for the charts.
Tsvetomir
Telerik team
 answered on 29 May 2024
Top users last month
Michael
Top achievements
Rank 1
Iron
Wilfred
Top achievements
Rank 1
Alexander
Top achievements
Rank 2
Iron
Iron
Matthew
Top achievements
Rank 1
Iron
ibra
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?