Centering Multi-Column/Single Column Header Stopped Working In .NET 9 (Telerik UI For Blazor 8.0.0)

Progress® Telerik® UI for Blazor Feedback Portal

Create an account Log In

Back to Feed

Request a Feature Report a Bug

Declined

Last Updated: 07 Mar 2025 06:24 by ADMIN

Joe

Created on: 06 Mar 2025 15:09

Category: Grid

Type: Bug Report

Centering Multi-Column/Single Column Header Stopped Working In .NET 9 (Telerik UI For Blazor 8.0.0)

Hi,

Upgraded to .NET 9 and Telerik UI For Blazor 8.0.0 and the grid header text is no longer centered for the columns that are set to do so.

I ran a backup copy of the same project that was using .NET 8. The columns centered okay. I then upgraded that same project to .NET 9 without making any code changes and the columns no longer centered.

Thanks,
Joe

4 comments

ADMIN

Dimo

Posted on: 07 Mar 2025 06:24

Hello Joe,

If you send me your existing custom CSS code, which stopped working, I will inspect it and comment further. At this point, I can only recommend the approach from our KB article, which is working in the same way with all recent versions.

I am not aware of any breaking or rendering changes in the Grid, which may affect the discussed scenario.

Regards,
Dimo
Progress Telerik

Enjoyed our products? Share your experience on G2 and receive a $25 Amazon gift card for a limited time!

Joe

Posted on: 06 Mar 2025 20:35

Thanks Dimo,

Okay. I can certainly make a change to my css to make it work again, but I thought I shouldn't have to (unless I missed something in the documentation stating that there was a breaking change somewhere above 6.2.0). I don't remember seeing that though. All I did was upgrade from .NET 8/6.2.0 to .NET 9/8.0.0--no other changes.

Thanks for the timely feedback.

Joe

ADMIN

Dimo

Posted on: 06 Mar 2025 15:43

Hi Joe,

We have a KB article about header text centering, which is working with both recent and older versions. Please compare the example with your CSS. The two important things to verify are:

Is the custom CSS loaded at all.
Does the custom CSS use correct selectors. Note the specifics when using CSS isolation.
Does the custom CSS have high-enough specificity to override our styles.

Header text centering is not a built-in Grid feature, so this can't be qualified as a bug.

Regards,
Dimo
Progress Telerik

Enjoyed our products? Share your experience on G2 and receive a $25 Amazon gift card for a limited time!

Joe

Posted on: 06 Mar 2025 15:13

.NET 8 (works)
<GridColumn Title="CENTERED" HeaderClass="text-center">
<Columns>
<GridColumn ....
<GridColumn ....
</Columns>
</GridColumn>

@* App.razor *@
<script src="https://blazor.cdn.telerik.com/blazor/6.2.0/telerik-blazor.min.js" defer></script>
<link href="https://blazor.cdn.telerik.com/blazor/6.2.0/kendo-theme-bootstrap/all.css" rel="stylesheet" />

---------------------------------------------------------------------------------------------------------------------
.NET 9 (doesn't work)
<GridColumn Title="NOT CENTERED" HeaderClass="text-center">
<Columns>
<GridColumn ....
<GridColumn ....
</Columns>
</GridColumn>

@* App.razor *@
<script src="https://blazor.cdn.telerik.com/blazor/8.0.0/telerik-blazor.min.js" defer></script>
<link href="https://blazor.cdn.telerik.com/blazor/8.0.0/kendo-theme-bootstrap/all.css" rel="stylesheet" />