Completed
Last Updated: 06 May 2024 12:02 by ADMIN
Release 2024 Q2 (May)

We find this in our infrastructure but it can be reproduced even in Telerik docs.

Docs page: https://docs.telerik.com/blazor-ui/components/grid/grouping/overview try to drop all three columns using drag and drop in sequence: Team, Name, On Vacation.

Expected sequence: Team, Name, On Vacation

Expected sequence: Team, On Vacation, Name

All Elements are always added as 1 item. It is an important feature for us, as our customers use it frequently.

===

TELERIK EDIT:

A possible workaround is to intercept the grouping and reorder the groups:

@using Telerik.DataSource

<p>Group by a third column, so that it should come last in the Group Panel:</p>

<TelerikGrid @ref="@GridRef"
             Data="@GridData"
             Pageable="true"
             Sortable="true"
             Groupable="true"
             FilterMode="GridFilterMode.FilterRow"
             OnStateInit="@( (GridStateEventArgs<Employee> args) => OnGridStateInit(args) )"
             OnStateChanged="@( (GridStateEventArgs<Employee> args) => OnGridStateChanged(args) )">
    <GridColumns>
        <GridColumn Field="@nameof(Employee.Name)" />
        <GridColumn Field="@nameof(Employee.Team)" />
        <GridColumn Field="@nameof(Employee.Salary)" />
        <GridColumn Field="@nameof(Employee.OnVacation)" />
    </GridColumns>
</TelerikGrid>

@code {
    private TelerikGrid<Employee>? GridRef { get; set; }

    private List<Employee> GridData { get; set; } = new();

    private void OnGridStateInit(GridStateEventArgs<Employee> args)
    {
        args.GridState.GroupDescriptors = new List<GroupDescriptor>();

        args.GridState.GroupDescriptors.Add(new GroupDescriptor()
        {
            Member = nameof(Employee.Team),
            MemberType = typeof(string)
        });

        args.GridState.GroupDescriptors.Add(new GroupDescriptor()
        {
            Member = nameof(Employee.OnVacation),
            MemberType = typeof(bool)
        });
    }

    private async Task OnGridStateChanged(GridStateEventArgs<Employee> args)
    {
        if (args.PropertyName == "GroupDescriptors" && args.GridState.GroupDescriptors.Count > 2 && GridRef != null)
        {
            var secondGroupDescriptor = args.GridState.GroupDescriptors.ElementAt(1);

            args.GridState.GroupDescriptors.Remove(secondGroupDescriptor);
            args.GridState.GroupDescriptors.Add(secondGroupDescriptor);

            await GridRef.SetStateAsync(args.GridState);
        }
    }

    protected override void OnInitialized()
    {
        var rnd = new Random();

        for (int i = 1; i <= 20; i++)
        {
            GridData.Add(new Employee()
            {
                Id = i,
                Name = "Name " + i,
                Team = "Team " + (i % 4 + 1),
                Salary = (decimal)rnd.Next(1000, 3000),
                OnVacation = i % 3 == 0
            });
        }
    }

    public class Employee
    {
        public int Id { get; set; }
        public string Name { get; set; } = string.Empty;
        public string Team { get; set; } = string.Empty;
        public decimal Salary { get; set; }
        public bool OnVacation { get; set; }
    }
}

 

Completed
Last Updated: 17 Nov 2023 10:14 by ADMIN
Created by: Peter
Comments: 1
Category: UI for Blazor
Type: Bug Report
0

https://docs.telerik.com/blazor-ui/common-features/icons#icon-nuget-packages

When you click "Preview" under Using TelerikFontIcon, the preview is blank, even if I scroll to the top, still nothing.

 

Completed
Last Updated: 31 Oct 2023 14:59 by ADMIN
Created by: Mark
Comments: 1
Category: UI for Blazor
Type: Bug Report
1

Hi

I don't understand the text in this yellow info box: "You can define a key for zooming only selection zooming is configured." Is there a word missing?

https://docs.telerik.com/blazor-ui/components/chart/pan-and-zoom/zoom#specifying-a-key-for-zooming

Completed
Last Updated: 10 Oct 2023 13:07 by ADMIN
Created by: Peter
Comments: 1
Category: UI for Blazor
Type: Bug Report
0

https://docs.telerik.com/blazor-ui/knowledge-base/inputs-validation-child-component

Number of typos where "Fied" should be "Field".  

1 minute fix, just looks bad.  4x in MyCustomComponent and in MainComponent. 

Peter


Completed
Last Updated: 01 Dec 2023 14:07 by ADMIN
Release 5.1.0 (31 Jan 2024) (R1 2024)
Created by: Peter
Comments: 1
Category: UI for Blazor
Type: Bug Report
3

So, brand new machine (Win 11 pro 64bit), brand new install of Visual Studio & Telerik, use the Telerik templates to create a new Blazor Server project.

When I run the application (with changes or first run), it takes almost a minute to start the application.

Without changes it starts in 2 seconds.

The fix is to add the following to the application's csproj file.

  <PropertyGroup>
    <UseRazorBuildServer>false</UseRazorBuildServer>
  </PropertyGroup>

After the fix, it takes an just a little longer to run than without changes.  Since I have not heard back on my support ticket, I wanted to report this as a bug so hopefully it can get upvoted and we can get an answer to this issue. 

Original support ticket https://www.telerik.com/account/support-center/view-ticket/1621737 

My Setup:

7950x, 32 gb DDR5 ram, WD Black SSD 850x SSD and slower internet 150mbit/s

Similar problem with my new laptop which is about 50% slower but exactly the same issue.

Peter

 

Completed
Last Updated: 18 Aug 2023 15:28 by ADMIN
Created by: Peter
Comments: 1
Category: UI for Blazor
Type: Bug Report
0

https://docs.telerik.com/blazor-ui/components/grid/paging

Under the section "Bind Page Size to a variable", if you click preview it generates an error.

Peter

Completed
Last Updated: 04 Aug 2023 13:19 by ADMIN
Release 4.5.0 (08/30/2023) (R3 PI2)
Created by: Peili
Comments: 1
Category: UI for Blazor
Type: Bug Report
1

My grid bind to ExpandoObjects, and I would like to implement a Group Header.

So I referenced these two documents
https://docs.telerik.com/blazor-ui/knowledge-base/grid-binding-to-expando-object

https://docs.telerik.com/blazor-ui/components/grid/columns/multi-column-headers

 

From the first document, it make sense to me that we need to set FieldType for each column that binds to ExpandoObject, but it seems this restriction also applies to the group header column, which does not make sense.

Foe example:

<TelerikGrid Data="@GridData"
             Pageable="true"
             Sortable="true"
             FilterMode="@GridFilterMode.FilterRow">
    <GridColumns>
        <GridColumn Title="Test Group Header">
            <Columns>
                <GridColumn Field="PropertyInt" Title="Int Column" FieldType="@typeof(int)" />
                <GridColumn Field="PropertyString" Title="String Column" FieldType="@typeof(string)" />
                <GridColumn Field="PropertyDate" Title="DateTime Column" FieldType="@typeof(DateTime)" />
            </Columns>
        </GridColumn>
    </GridColumns>
</TelerikGrid>

 

I get error:

 

I need to set FieldType on the "Test Group Header" column to an arbitrary value to get rid of this error.

 

Completed
Last Updated: 20 Nov 2023 08:22 by ADMIN

https://demos.telerik.com/blazor-ui/form/templates

When you edit in Telerik Repl, you get a warning message:

What was weird though, is when I ran it from directly from the link in the documentation, I didn't get an error.  I made one small change to the code (swapped line 54 and 55 (just seeing if I could change the rendering order, which I can) and then I saw this warning.  But any change to the code generates the warning.

Peter

Completed
Last Updated: 08 Jun 2023 07:47 by ADMIN
Release 4.4.0 (07/19/2023) (R3 PI1)
Created by: Ivaylo
Comments: 1
Category: UI for Blazor
Type: Bug Report
5

Hello there,

I encountered an issue with the TelerikGrid component. This started to be an issue from version 4.1.0 and can be reproduced from here:

https://docs.telerik.com/blazor-ui/components/grid/columns/visible#toggle-the-visibility-of-a-column-on-button

If this line from the example:

<GridColumn Field=@nameof(SampleData.Name) Title="Name" />
is changed to:

<GridColumn Field=@nameof(SampleData.Name) Title="Name" Visible="@!isVisible">
    <Template>
       @((context as SampleData).Name)
     </Template>
</GridColumn>

you can see that once the template GridColumn is shown, its data overwrites the data of the "Hire Date" column when toggling the visibility of the columns. The header of the column is changing but the data stays the same.

To provide a visual context of the issue, I have attached a video.

 

Best regards,

Ivaylo

Completed
Last Updated: 09 May 2023 12:13 by ADMIN
Created by: Robert
Comments: 1
Category: UI for Blazor
Type: Bug Report
0

https://blazorrepl.telerik.com/cdkTuxEg30UJXWug36

When trying to expand the drop downs, some of them do not expand.
It is impossible to give a scenario that always behaves the same, but if
you keep expending the drop downs sooner or later some will stop working.

Completed
Last Updated: 05 Apr 2023 05:39 by ADMIN
Created by: Leon
Comments: 2
Category: UI for Blazor
Type: Bug Report
0

<TelerikCheckBox @bind-Value="@ExportAllPages" />

Completed
Last Updated: 28 Mar 2023 16:56 by RAY

Hi

Trying to update to the latest version but in output in GitHub Actions it shows:

The type 'DataSourceRequest' is defined in an assembly that is not referenced. You must add a reference to assembly 'Telerik.DataSource, Version=2.1.3.0

However in my csproj I am referencing <PackageReference Include="Telerik.DataSource" Version="2.1.3" />

Any ideas?

Completed
Last Updated: 20 Mar 2023 10:17 by ADMIN
Created by: Roman
Comments: 2
Category: UI for Blazor
Type: Bug Report
0

OnRowRender in version 4 style is applied through one line.

 

@* Conditional styling/formatting for rows (including locked/frozen columns). *@

<style>
    /*the following selectors target the locked/frozen columns*/
    /*===*/
    .k-grid .k-master-row.myCustomRowFormatting .k-grid-content-sticky,
    .k-grid .k-master-row.myCustomRowFormatting.k-alt .k-grid-content-sticky
    /*===*/
    {
        background-color: inherit;
    }

    .k-grid tr.myCustomRowFormatting:hover {
        background-color: red !important;
    }

    .k-grid tr.myCustomRowFormatting {
        background-color: #90EE90;
    }
</style>

<TelerikGrid Data="@MyData"
             Height="446px"
             Pageable="true"
             Width="450px"
             OnRowRender="@OnRowRenderHandler">
    <GridColumns>
        <GridColumn Field="@(nameof(SampleData.Id))" Width="120px" Locked="true" />
        <GridColumn Field="@(nameof(SampleData.Name))" Width="200px" Title="Employee Name" />
        <GridColumn Field="@(nameof(SampleData.Team))" Width="200px" Title="Team" />
    </GridColumns>
</TelerikGrid>

@code {
    void OnRowRenderHandler(GridRowRenderEventArgs args)
    {
        var item = args.Item as SampleData;

        //conditional applying Class
        if (true)
        {
            args.Class = "myCustomRowFormatting";
        }
    }

    public IEnumerable<SampleData> MyData = Enumerable.Range(1, 30).Select(x => new SampleData
    {
        Id = x,
        Name = "name " + x,
        Team = "team " + x % 5
    });

    public class SampleData
    {
        public int Id { get; set; }
        public string Name { get; set; }
        public string Team { get; set; }
    }
}
Completed
Last Updated: 12 May 2023 07:20 by ADMIN
Release 4.3.0 (06/07/2023) (R2 2023)

Hi,

I noticed that using left or right arrow to position yourself between typed text does not work anymore in the GridSearchBox. Neither does SHIFT+left for selecting parts of typed text. Home or End key is also not working.

 

In previous versions this was still possible.

 

Can be estabished on the demo pages as well:

https://demos.telerik.com/blazor-ui/grid/searchbox

 

Thanks,

Tom

Completed
Last Updated: 10 Feb 2023 06:57 by ADMIN
Created by: Ben
Comments: 1
Category: UI for Blazor
Type: Bug Report
0
Just came across this while looking at source code...
Completed
Last Updated: 10 Feb 2023 06:59 by ADMIN
Created by: Gold Star
Comments: 2
Category: UI for Blazor
Type: Bug Report
1
Whenever I add TelerikGrid to a razer page my intellisense breaks and leaves everything white. I'm using Telerik UI for Blazor v4. The other Telerik components are fine but this one kills it.
Completed
Last Updated: 21 Jan 2023 07:24 by ADMIN
Created by: Peter
Comments: 1
Category: UI for Blazor
Type: Bug Report
0

https://docs.telerik.com/blazor-ui/common-features/icons#fonticon-component

in the SvgIcon Component section, there is this sample code, needs to be updated.

<TelerikSvgIcon Icon="@SvgIcon.Calendar" />

<TelerikSvgIcon Icon="@SvgIcon.Audio"
                Size="@ThemeConstants.Icon.Size.Large"
                ThemeColor="@ThemeConstants.Icon.ThemeColor.Primary" />

Should be

ThemeConstants.SvgIcon or ThemeConstants.FontIcon
Peter
Completed
Last Updated: 24 Nov 2022 15:11 by ADMIN

Hello,

I am using the TelerikSkeleton component for Blazor and noticed the pulse and wave animations are not working. It seems animation also does not work in your examples here, while it works in Telerik REPL (that's where I could identify the issue)

For my application, I made my custom theme with ThemeBuilder and then imported it into my project as instructed. Going through the css file, I found where the bug is:

How it was:

.k-skeleton-pulse .k-skeleton {
    animation:k-skeleton-pulse 1.5s ease-in-out .5s infinite
}

After my changes:

.k-skeleton-pulse.k-skeleton {
     animation:k-skeleton-pulse 1.5s ease-in-out .5s infinite
}

The only thing I did was I removed the space between the two classes and now it works.

 

Note: I selected "WebAssembly" as application type, but I am actually using it for both a Razor class library and a .NET MAUI Blazor application.

Completed
Last Updated: 06 Oct 2022 09:41 by ADMIN
Created by: Stefan
Comments: 4
Category: UI for Blazor
Type: Bug Report
0

Today I submitted ticket Telerik VS 2022 Extensions break IntelliSense/typing in Visual Studio 2022 Version 17.3.4 but it doesn't show on Support Center under 'Your Support Tickets'. The only ticket that shows is from 9 months ago.

BTW, I'm reporting this thicket and previous ticket under UI for Blazor because I didn't see how to report it for the Extensions and for Support Center. Maybe that's another thing you need to look at?

Completed
Last Updated: 10 Nov 2023 06:54 by ADMIN
Release 5.0.0 (15 Nov 2023) (R1 PI1)

 

Title: WCAG 4.1.2: Ensures all ARIA attributes have valid values (input[_bl_2=""])
Tags: Accessibility, WCAG 4.1.2, aria-valid-attr-value

Issue: Ensures all ARIA attributes have valid values (aria-valid-attr-value - https://accessibilityinsights.io/info-examples/web/aria-valid-attr-value)

Target application: Hermes Home - https://localhost/TrafficLoss

Element path: input[_bl_2=""]

Snippet: <input tabindex="0" class="k-input-inner" role="spinbutton" aria-valuemin="-1.7976931348623157E+308" aria-valuemax="1.7976931348623157E+308" data-id="fe5748c4-0ddd-455e-ad61-aafc0e0367fb" _bl_2="">

How to fix: 
Fix all of the following:
  Invalid ARIA attribute values: aria-valuemin="-1.7976931348623157E+308", aria-valuemax="1.7976931348623157E+308"

Environment: Microsoft Edge version 105.0.1343.42

====

This accessibility issue was found using Accessibility Insights for Web 2.34.1 (axe-core 4.4.1), a tool that helps find and fix accessibility issues. Get more information & download this tool at http://aka.ms/AccessibilityInsights.
1 2 3