The column headings read by JAWS are not great. I see that the rendered table headings have an aria-label attributes, but the text of these labels appears to match the DataField attribute of the grid column. Unfortunately, the DataField is often not the same as the human readable text displayed on the column header. This provides an inconsistent and sometimes confusing experience for screen reader users.
For example, if my data field is named something like full_name_with_title, but my column heading is actually "Full Name," the user will hear fullunderlinenameunderlinewithunderlinetitle, but we'd like them to hear "Full Name". All those underlines are confusing.
It would be much better if Telerik used the HeaderText attribute of the column instead of the DataField attribute. This would ensure that the presentational text and not the internal column names were read to the user.
A temporary workaround can be using the following OnGridCreated handler:
function OnGridCreated(sender, args) {
if (sender.get_enableAriaSupport()) {
sender.get_masterTableView().get_columns().forEach(function (col) {
var header = col.get_element();
var headerText = (header.textContent || header.innerText).replace(/^\s+|\s+$/g, '');
header.setAttribute("aria-label", headerText);
})
}
}
Requesting the improvement of this functionality to include scrolling.
Brief summary of the issue:
MultiCell selection uses a virtual marque tool to select items and does not include items that are out of view.
Hello,
It would be nice to be able to clear the filter for each column as opposed to creating an external button to clear all filters. I was thinking of similar to below.
Have built-in option to do LIKE filtering on grids.
Currently the Width of the Edit controls inside the inline Edit form of the Grid can be set only in pixels. In order to be able to implement a responsive layout the developer has to be able to set the width of these controls in percentage.
RadGrid 508 compliance request for hierarchical grid. RF-5 Complex Tables are Missing ID or Headers Attributes Data tables have multiple logical levels of row or column headers and lack the necessary coding associating the data cells with their respective headers. This issue is a violation of 1194.22(h) in Section 508 and 1.3.1 in WCAG 2.0. Add id= and headers= attributes to all cells to correctly associate data cells with their respective row and column headers. For further assistance see http://www.hhs.gov/web/policies/webstandards/htmltable.html and http://webaim.org/techniques/tables/data.
To overcome this issue you can do the following: - For anchor links (a) implement onclick event with window.location. - For submit buttons set UseSubmitBehavior property to false.
Simply add a Column to RadGrid in the GridColumn Collection Editor of the Configuration wizard. You will note that a value for FilterControlAltText is autopopulated. When you hit Ok, that value is written in the column definition, in markup. If you clear that text in the editor, then, in markup you will find the value FilterControlAltText ="". This is useless clutter, which you should manually remove from the markup. The editor/designer should remove the property entry from markup if you clear the FilterControlAltText from the PropertyGrid in the GridColumn Collection Editor.
Workaround for the NextPrevAndNumeric mode is to set the AssociatedControlID of the label protected void RadGrid1_ItemDataBound(object sender, GridItemEventArgs e) { if (e.Item is GridPagerItem) { GridPagerItem pager = e.Item as GridPagerItem; Label lbl = pager.FindControl("ChangePageSizeLabel") as Label; Panel pnl = lbl.Parent as Panel; RadComboBox combo = pnl.FindControl("PageSizeComboBox") as RadComboBox; lbl.AssociatedControlID = combo.ID; } } <telerik:RadGrid RenderMode="Lightweight" ID="RadGrid1" runat="server" DataSourceID="SqlDataSource1" AllowSorting="True" AllowPaging="True" GridLines="None" Width="100%" OnItemDataBound="RadGrid1_ItemDataBound"> <PagerStyle Mode="NextPrevAndNumeric" Position="TopAndBottom" PageSizeControlType="RadComboBox"></PagerStyle> </telerik:RadGrid> <asp:SqlDataSource ID="SqlDataSource1" ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>" ProviderName="System.Data.SqlClient" SelectCommand="SELECT CustomerID, CompanyName, ContactName, ContactTitle, Address, PostalCode FROM Customers" runat="server"></asp:SqlDataSource>
Property to disable the internal control state which is helpful in scenarios where ViewState is turned off. This should resolve any problems when changing columns and datasource dynamically on PageInit, when sorting/filtering/etc is applied during the previous post.
In case the RadGrid has several popup forms they are hidden behind the modal background.
There are more than 30 items (including task title) in RadGrid Task I can't see Edit Template because my display resolution is not enough to show all Tasks. I always get this problem with small resolution monitor. Can you make it collapsible? How do I go to EditTemplate? The task is not in the screen
Please add the ability to have a GridHyperLinkColumn automatically UrlEncode the fields specified in DataNavigateUrlFields. Having to handle it in the code-behind is a pointless pain in the butt, especially when dealing with more than 1 field. It should be handled automatically during the application of the DataNavigateUrlFormatString format instead.
Think it'd be great (and probably pretty easy to do) to have a property on each gridcolumn for ShowFilterTextbox (similar to ShowFilterIcon). Right now my workaround is to hide them during ItemCreated or in styling, but it becomes messy, quickly.