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.
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?
I'm using a numeric textbox to handle a decimal value with the Format is set to "#,0" (which it needs to be since the client's specification is to have a whitespace as a decimal separator). While the entered value is less than a thousand then the entire value gets selected when tabbing into the component, but once it's large enough to display a group separator tabbing just puts the cursor at the end of the input without selecting the value.
I believe this to be a bug.
Hi,
it would be nice to have a single button in the GridToolbar that opens the column chooser menu or something like that (popup?).
Often we need to save space in a grid and disable the menu option for the columns but then we lose the ability to choose which columns the user might want to disable. This also apply to very small columns with small header information, e.g. if you just need 2 or 3 letters to describe the column data then the menu with its three dotted button is to large.
Best Regards,
Thomas
The demo for onseriesclicked does not work. I get the error: An unhandled error has occurred. Reload. Reload is a link, when I select it, I still get the error. I can just rip out the demo code and try it myself, but I thought you might want to know, it doesn't work for me:
Widows Edge Browser
Windows 10 OS
For God's sakes I've spent 20 minutes on your site trying to figure out how to download your demos. Every link takes me that USELESS TelererkUIForBlazorSetup.exe. Syncfusion my be the worst but at least you don't have to google something that should be so redundant it's everywhere.
I finally gave up and had to google it to find it on Github. Absolutely worst experience ever.
Hello,
i am fighting with ability to have inputs inside grid->gridtoolbar, but Tabindex of all inputs are automtically somehow reset to tabindex="-1" except the first one. All inputs mean: both telerik and standard html.
Is there any steps how tell the grid to NOT reset the tabindex?
Here is repo, focus on seccond,third input on finall html colde(all except "eAA") are with tabindex=-1
https://blazorrepl.telerik.com/GdalYJby04A79c4X38
Expected behaviour:
- maintain tabindex as it was set
or - if automatic indexing is necessary, number it incrementaly
Thank You for info
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
When edit is initiated from code with virtual scroll, a duplicate OnRead request is also triggered.
But this is not the case when built-in edit command button is used.
In the TelerikForm component, you have "FormItem" with a string parameter of Field and from the string, you somehow bind the data to that field.
For other components, we must use the @bind-Value to get this 2-way binding.
I would like to request the "Field" parameter for more controls like TelerikTextBox where we can bind using the string name of the field like we do in FormItem.
So instead of:
<TelerikTextBox @bind-Value="@customer.CustomerName" />
we would be able to do this:
<TelerikTextBox Field="CustomerName" />
Peter
On applying aquatic and desert theme, Separator is not visible
Repro Steps:
- Hit the URL:Blazor Splitter Overview - Telerik UI for Blazor
- Turn on High contrast theme
- Tab till Preview under Creating Splitter for Blazor
- Tab till separator
- Verify that separator is visible on applying aquatic and desert theme or not
Actual Result: On applying aquatic and desert Theme, Separator is not visible.
Expected Result: On applying aquatic and desert Theme, Separator should be visible
User Impact:
Users who rely on the contrast themes may feel difficulty if the close buttons in Feedback popup are not completely visible.
Test Environment:
Windows 11 Pro Version 22H2 OS build 22621.674
Chrome Version 106.0.5249.119 (Official Build) (64-bit)
Edge Version 106.0.1370.52 (Official build) (64-bit)
NVDA Version 2022.3.1
- Hit the URL:Blazor Splitter Overview - Telerik UI for Blazor
- Turn on NVDA/Narrator
- Tab till Preview under Creating Splitter for Blazor
- Tab till separator
- Verify that NVDA/Narrator is separator along with value like "50 separator" or not
NVDA is announcing separator along with value like "50 ".
Narrator is announcing as "Seperator".
User Impact:
For Example, I have DTO like below, how on Form I will Display Lable for FormItem from value get from Display Name
public class DepartmentRequestDTO{
[Display(Name = "Department Id")]
[Required(ErrorMessage = "Department Id" + ErrorConstant.RequiredMsg)]
public int DepartmentId { get; set; }
[Display(Name = "Department Name")]
//[Required(ErrorMessage = "Department Name" + ErrorConstant.RequiredMsg)]
[Required]
[StringLength(50, MinimumLength = 3)]
public string Name { get; set; }
[Display( Name = "Remarks")]
//[Required(ErrorMessage = "Remarks" + ErrorConstant.RequiredMsg)]
[StringLength(250, MinimumLength = 3)]
public string Remarks { get; set; }
}
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; }
}
}
Title: WCAG 1.3.1: Ensures elements with an ARIA role that require child roles contain them (#\39 374a450-079d-4586-b823-d6bc7723505f)
Tags: Accessibility, WCAG 1.3.1, aria-required-children
Issue: Ensures elements with an ARIA role that require child roles contain them (aria-required-children - https://accessibilityinsights.io/info-examples/web/aria-required-children)
Target application: Hermes Home - https://localhost/TrafficLoss
Element path: #\39 374a450-079d-4586-b823-d6bc7723505f
Snippet: <div class="k-grid-aria-root" id="9374a450-079d-4586-b823-d6bc7723505f" role="grid" aria-label="Data table">
How to fix:
Fix any of the following:
Element has children which are not allowed (see related nodes)
Element has no aria-busy="true" attribute
Environment: Microsoft Edge version 111.0.1661.41
====
This accessibility issue was found using Accessibility Insights for Web 2.37.3 (axe-core 4.6.3), a tool that helps find and fix accessibility issues. Get more information & download this tool at http://aka.ms/AccessibilityInsights.
============================ code =============================
<TelerikGrid Data="@ViewModel.RDLInformation" TItem="TLSummary"
Pageable="true"
Sortable="true"
Groupable="false"
FilterMode="Telerik.Blazor.GridFilterMode.FilterRow"
Resizable="true"
Reorderable="true"
Height = "100%">
....
</TelerikGrid>
After the update
we're having this issue when trying to build our project.
The needed nuget package it's already added and even adding the Telerik.DataSource as a package that's not needed in theory we're not able to build.
Error CS0012 The type 'CompositeFilterDescriptor' is defined in an assembly that is not referenced. You must add a reference to assembly 'Telerik.DataSource, Version=2.1.3.0, Culture=neutral, PublicKeyToken=29ac1a93ec063d92'.
