When a column is filtered, I'd like a better visual indicator of that fact.

The solid background to the menu button is not appealing, and it is applied whether a column is sorted or filtered.

The only full-featured Blazor DataGrid | Telerik UI for Blazor

I'd like a distinct indication of whether a column is filtered -- perhaps a filter icon next to the header text similar to how you might see an arrow when sorted.

---

I've attempted to create this myself using OnStateChangedHandler to iterate through the columns and call a Javascript function that finds the right column header and appends a filter icon. It kind of works sometimes, but I'm not sure I'll able to get it working consistently. Even so, it feel like a fragile hack that will probably break in a future update.

Ideally this would be an added feature, but in the meantime is there a way I can accomplish this myself?

Hi!

I'd like to request a method "Select" or similiar for input controls. The goal is to select the content of the input control through the component reference.

Hello,

I would love to see an auto sizing for a TileLayoutItem. Specifically, in my case, the RowSpan. I feel like this would make a great addition as a parameter in the future as (also AutoSizeColumn would be nice)

<TileLayoutItem AutoSizeRow="true"></TileLayoutItem>

I am working on an application that has dynamic data displayed within the TileLayoutItem. In my current implementation, I'm going through a process of attempting to calculate for resizing the RowSpan. The calculations are based on an inner body div that holds an id, finds the parent k-tilelayout-item and then the the k-tilelayout itself. I can't positively say my math is perfect but it (mostly) gets the job done. Keeping in mind that I have created other altered other areas of the TileLayout as well, specifically setting the TelerikTileLayout grid to autofit.

For an idea of what I am currently doing as a means of possibly finding a (better) way to implement this in the future, this is the long ugly javascript code I have that is used to gather a minimum size and return it to blazor via JsInterop.

function (tileId, minSpanSize = 4) {
        try {
            var el = document.getElementById(tileId);
            var tileLayout = $(el).closest(".k-tilelayout")[0];
            var parentTile = $(el).closest(".k-tilelayout-item")[0];

            var headerHeight = $(el).parent().siblings(".k-tilelayout-item-header")[0].offsetHeight;

            var parentSpan = parseInt(parentTile.style.gridRowEnd.split("span ")[1]);
            var gap = parseInt(tileLayout.style.gap.replace("px", ""));
            var rowHeight = parseInt(tileLayout.style.gridAutoRows.split(",")[1].split("px")[0]);

            // cannot recall where I got 1.25 from
            var minSize = Math.ceil((headerHeight + el.offsetHeight) / ((gap / 1.25) + rowHeight));

            // if parent is less than minsize
            if (parentSpan < minSize) {
                parentTile.style.gridRowEnd = "span " + minSize;
                return { id: tileId, minSize: minSize };

                // Otherwise, if min size is greater than or equal to minSpanSie
            } else if (minSize >= minSpanSize) {
                parentTile.style.gridRowEnd = "span " + minSize;
                return { id: tileId, minSize: minSize };
            }

        } catch { }
        return { id: tileId, minSize: -1 };
    

https://demos.telerik.com/blazor-ui/mediaquery/overview?_ga=2.106916864.2068567026.1647448629-1962215066.1647448629

dependin sb depending

This request is to add the aria-invalid attribute to your components so that we can manually flag a field for screen reader accessibility if there is a validation issue.  I perform some validation rules manually without using an edit form, and would like to be able to add that attribute to the controls when there is an issue. Numeric Text Box is one of your controls in particular that I need this for.  

Additionally, adding a title attribute to these controls would be helpful to allow providing tooltips on the control.

I would also like to point out that allowing attribute splatting in your controls would solve both of these requests and any future attributes that may come up that developers may need to add.

After the upgrade to 3.0 the auto size feature of TextArea when used inside the Window component no longer works.

I just updated to Telerik.UI.for.Blazor 2.30.0 and the grid search boxes look a little screwy.  Not a huge deal but thought I would report it.

QueryableExtensions.ToDataSourceResult throws IndexOutOfRangeException if a DataTable contains deleted rows.

using System.Data;
using Telerik.DataSource;
using Telerik.DataSource.Extensions;

var dt = GetData();

var res = dt.ToDataSourceResult(new DataSourceRequest());

DataTable GetData()
{
    DataTable table = new DataTable();

    // Make sure you specify the correct types
    // If you have any nulls in your (database) Column, you should use nullable type (int?, DateTime?,...)
    table.Columns.Add("ProductId", typeof(int));
    table.Columns.Add("ProductName", typeof(string));
    table.Columns.Add("UnitPrice", typeof(decimal));
    table.Columns.Add("UnitsInStock", typeof(short));

    // You should set default values to the columns that could be skipped in Create/Edit.
    // The alternative approach is to set the default values in the UpdateHandler and/or CreateHandler.

    // Having a default value in this case will prevent having DBNull values in your DataTable, because
    // DBNull is not parsable to any other primitive type and if you pass it to the grid, some of the operations could be broken
    table.Columns["ProductName"].DefaultValue = default(string);
    table.Columns["UnitPrice"].DefaultValue = default(decimal);
    table.Columns["UnitsInStock"].DefaultValue = default(short);

    for (int i = 1; i < 50; i++)
    {
        table.Rows.Add(i, $"Product{i}", i * 5.2, i * 2);
    }

    table.AcceptChanges();

    var lastRow = table.Rows[table.Rows.Count - 1];

    lastRow.Delete();

    return table;
}

It would be great if the controls supported arbitrary attributes. Similar to how it is done in the native form editing controls in Blazor framework.

ASP.NET Core Blazor forms and validation

"All of the input components, including EditForm, support arbitrary attributes. Any attribute that doesn't match a component parameter is added to the rendered HTML element."

This feature is requesting a Blazor version of the RadPropertyGrid, or a more modern Material Design(ish) equivalent.

https://docs.telerik.com/devtools/wpf/controls/radpropertygrid/overview

As  more customers are adopting Blazor, we're porting our rich design time tooling to the web in SaaS type offers.  No Blazor control vendor has this type of control today, and it's sorely needed.  Even finding a Web/Angular version of this type of control is practically impossible.

Having this control combined with the existing Telerik Blazor property editors (combo boxes, edit fields, boolean controls, color pickers, font pickers, etc.) would give you a strong leg up on your competitors.

Note: Our company is already licensing your Blazor controls and I speak to Maria every few months on the roadmap.

I would like a Blazor PropertyGrid with

-- that could be bound to an instance of a custom Type that implemented INotifyPropertyChanged

-- with expandable/collapsible sections with the ability to prevent a  user from expanding a collapsed section (e.g. the user lacks privileges to see that section's data)

-- would keep track of its UI state including collapsed sections (similar to the excellent implementation in Telerik's  Blazor Grid)

-- that would allow the use of all Telerik Blazor editors as cell-value editors

I am interested in using this component primarily as a data-entry UX in a data-entry-intensive line-of-business application.  Such a grid offers standard navigation on all data-entry screens in the application, eliminating tab-order, thereby greatly simplifying the end-user experience. The expanding/collapsing sections make it very economical in its use of screen real-estate. I have used such a component (from a competitor of Telerik) in a WinForms application with excellent results. 

Hi,

The idea is to use the new way to present information to user (without specific label) but using the label of the components.

InTelerikTextBox, no matter, I have a Label property.

Is it possible to have the same properties for the other controls ?

    <input class="form-control" readonly="@(!EditMode)" type="text" @bind="@FormField.TextValue"/>

Have been pouring through all your release videos, (Great Job Sam, Ed Et Al...) to be better informed as to what project type to select for a new Enterprise Admin App. The FilterView control stood out as a means of potentially saving me more than a week of work, but I just can't see making a new forms app going forward. Blazor and Maui seem like the only logical choices going forward, please add if convenient...

Thanks.