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.

Demo

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:

1. Hit the URL:Blazor Splitter Overview - Telerik UI for Blazor
2. Turn on High contrast theme
3. Tab till Preview under Creating Splitter for Blazor
4. Tab till separator
5. Verify that separator is visible on applying aquatic and desert theme or not

For Example, I have DTO like below, how on Form I will Display Lable for FormItem from value get from Display Name

OnRowRender in version 4 style is applied through one line.

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'.

It would be helpful to have a <WindowFooter> template inside Window, like  <WindowTitle>, or  <WindowContent> that stays 'sticky' to the window, so buttons and other content can be placed there , regardless on the height of the window and its contents.

Regards

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

                            <TelerikGrid Data=@ViewModel.Requests
                                            EditMode="@GridEditMode.Inline"
                                            Height="50%"
                                            Width="100%"
                                            Resizable="true"
                                            Pageable="true"
                                            OnCreate="@ViewModel.CreateRequest"
                                            OnUpdate="@ViewModel.UpdateRequest"
                                            OnCancel="@ViewModel.CancelRequest"
                                            OnDelete="@ViewModel.DeleteRequest"
                                            PageSize=5>

   <GridColumns>
        @if (Columns == null || Columns.Count == 0)
        {
            <GridColumn Resizable="true" Title="Data" FieldType="typeof(string)" />
        }
        else
        {
            @foreach (var column in Columns)
            {
                if (column.PreferredType != null)
                {
                    <GridColumn Resizable="true" Field="@column.FieldName" Title="@column.Title" FieldType="column.PreferredType" />
                }
                else
                {
                    <GridColumn Resizable="true" Field="@column.FieldName" Title="@column.Title" />
                }
            }
        }
    </GridColumns>

<TelerikGrid
        @ref="GridRef"
        TItem="T"
        Pageable="true" 
        Sortable="true" 
        Groupable="true"
        FilterMode="Telerik.Blazor.GridFilterMode.FilterRow"
        Resizable="true" 
        Reorderable="true"
        Height = "auto"
        PageSize="@PageSize"
        OnRead=@ReadData>

...

</TelerikGrid>

We have had major complaints from users when using the combo box.  They use the filter, see the first item highlighted, then click tab and the item in not selected.  They do a lot of data entry and don't want to use the mouse or use the down arrow to select it.  They are used to a regular HTML select control which works that way.  Is there any Javascript workaround for this?  If not, I probably have to go back to using a standard select box.  The reason I am using the combobox and not the dropdown is because your dropdown doesn't support tabbing out of the box and that was a deal breaker for them.

I saw an article on using the PopupClass for the ComboBox but that isn't a supported property.

Thanks!

Hi Team,

How to get the last focused element in the Telerik Form?

Example: I have a window with a TelerikForm with 10 textboxes and on click of close. I need to know what is the last focused element 

Thanks,

sujana

Setting the FilterDirector directly:

Setting FilterDescriptor via SearchText:

Our search box is a custom TelerikTextbox not part of the grid, but essentially the same functionality as the built-in search box.

To test, use this code:
https://docs.telerik.com/blazor-ui/components/grid/filter/searchbox#customize-the-searchbox
But add it to FilterDescriptor immediately rather than setting SearchFilter like on the link.

This is the only instance of this on our site, and all of our grids use the exact same code via a generic method, on our object that controls the grid we have a custom empty attribute to dictate whether a column should be filterable via our textbox.