You can workaround this issue with the following CSS rule. <style> div.RadGrid .t-font-icon{ font: 16px/1 "TelerikWebUI"; } </style>
It becomes hard to see the checked checkboxes because of the selected color it has by default matches the select color of the grid Solution: .RadGrid_BlackMetroTouch .rgSelectedRow .RadCheckBox.RadButton_BlackMetroTouch .rbToggleCheckboxChecked::before, .RadGrid_Bootstrap .rgSelectedRow .RadCheckBox.RadButton_Bootstrap .rbToggleCheckboxChecked::before, .RadGrid_Metro .rgSelectedRow .RadCheckBox.RadButton_Metro .rbToggleCheckboxChecked::before, .RadGrid_MetroTouch .rgSelectedRow .RadCheckBox.RadButton_MetroTouch .rbToggleCheckboxChecked::before { color: white; } .RadGrid_Glow .rgSelectedRow .RadCheckBox.RadButton_Glow .rbToggleCheckboxChecked::before, .RadGrid_Office2010Black .rgSelectedRow .RadCheckBox.RadButton_Office2010Black .rbToggleCheckboxChecked::before, .RadGrid_Telerik .rgSelectedRow .RadCheckBox.RadButton_Telerik .rbToggleCheckboxChecked::before, .RadGrid_WebBlue .rgSelectedRow .RadCheckBox.RadButton_WebBlue .rbToggleCheckboxChecked::before { color: black; } Sample to reproduce the behavior and compare the default colors in other states/cases: <telerik:RadCheckBox runat="server" ID="rcb1"></telerik:RadCheckBox> <br /> <telerik:RadCheckBox runat="server" ID="rcb2" Checked="true"></telerik:RadCheckBox> <telerik:RadSkinManager runat="server" ID="RadSkinManager1" Skin="Bootstrap" ShowChooser="true"> </telerik:RadSkinManager> <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All" RenderMode="Lightweight" /> <asp:CheckBox ID="Checkbox1" Text="some checkbox" runat="server" /> <telerik:RadGrid ID="RadGrid1" runat="server" OnNeedDataSource="RadGrid1_NeedDataSource" RenderMode="Lightweight"> <MasterTableView> <Columns> <telerik:GridClientSelectColumn></telerik:GridClientSelectColumn> <telerik:GridTemplateColumn HeaderText="rad check box column"> <ItemTemplate> <telerik:RadCheckBox runat="server" ID="RadCheckBox1"></telerik:RadCheckBox> <br /> <telerik:RadCheckBox runat="server" ID="RadCheckBox2" Checked="true"></telerik:RadCheckBox> </ItemTemplate> </telerik:GridTemplateColumn> </Columns> </MasterTableView> <ClientSettings> <Selecting AllowRowSelect="true" /> </ClientSettings> </telerik:RadGrid> And a dummy data source that is not a good data source in general, but it will suffice to get this running so one can observe protected void RadGrid1_NeedDataSource(object sender, GridNeedDataSourceEventArgs e) { (sender as RadGrid).DataSource = "abcdef"; }
Hi,
How can I translate the "clear" button in the mobile Filter Window? I manage to translate everything in that window except the clear button:
King regards
Blas González
HeaderContextMenu filter functions such as "GreaterThanOrEqualTo", "LessThanOrEqualTo" are not working.
This issue happens with the Header Context Menu. The following scenarios are affected:
Hi Team Telerik, i found a bug in RadGrid. This one only appears in Chrome Webbrowser. Columnresizing only works once per column in chrome. You can see it right the way in your demo-site. Go to the Resizing Demopart and resize one column. Now try to re-resize it. It wont work. Best wishes Philipp
RadGrid throws a "Failed to load viewstate" exception in a specific setup with two level hierarchy and DateTimeColumns. Steps to reproduce: 1. Expand an item 2. Click on "Add new record button" in the expanded detail table view 3. Click "Cancel" 4. Click on"Add new record" this time on the master table view Code to reproduce: <telerik:RadGrid ID="rgComments" runat="server" AllowPaging="True" AutoGenerateColumns="false" DataSourceID="dsSpell"> <MasterTableView Width="100%" CommandItemDisplay="Top" DataKeyNames="OrderID"> <DetailTables> <telerik:GridTableView DataKeyNames="OrderID" DataSourceID="dsComment" Width="100%" runat="server" CommandItemDisplay="Top"> <ParentTableRelation> <telerik:GridRelationFields DetailKeyField="OrderID" MasterKeyField="OrderID"></telerik:GridRelationFields> </ParentTableRelation> <Columns> <telerik:GridDateTimeColumn DataField="OrderDate" PickerType="DateTimePicker"> </telerik:GridDateTimeColumn> </Columns> </telerik:GridTableView> </DetailTables> <Columns> <telerik:GridDateTimeColumn DataField="OrderID" /> </Columns> </MasterTableView> </telerik:RadGrid> <br /> <asp:SqlDataSource runat="server" ID="dsComment" ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>" SelectCommand="SELECT [OrderID], [OrderDate] FROM [Orders]"></asp:SqlDataSource> <asp:SqlDataSource runat="server" ID="dsSpell" ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>" SelectCommand="SELECT [OrderID], [OrderDate] FROM [Orders]"></asp:SqlDataSource>
When page scrolling is enabled and scrolling down the page, the row context menu of RadGrid rows do not open at a correct position.
Demo: Video Recording
Testing conducted in Safari 13, MacOS
<script runat="server">
protected void RadGrid1_NeedDataSource(object sender, Telerik.Web.UI.GridNeedDataSourceEventArgs e)
{
(sender as RadGrid).DataSource = Enumerable.Range(1, 10).Select(x => new { Id = x, Name = "Name " + x });
}
</script>
<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecorationZoneID="test" DecoratedControls="All" />
<div id="test">
<telerik:RadGrid ID="RadGrid1" runat="server" OnNeedDataSource="RadGrid1_NeedDataSource" AutoGenerateColumns="true"
EnableHeaderContextMenu="true" FilterType="HeaderContext">
</telerik:RadGrid>
</div>
When Scrolling is enabled with Frozen columns in RadGrid, horizontal scrollbar not visible in Microsoft Edge. Issue appears in Microsoft Edge Version: - Microsoft Edge 42.17134.1.0 - Microsoft EdgeHTML 17.17134 WORKAROUND: Apparently, setting the horizontal scrollbar's height to 17 pixels will make Microsoft Edge display it. (Note: in case it still not displaying, you may try with 18px) To set the height, you can choose one of the options below: 1. Using CSS style to increase the size of the horizontal scrollbar by one pixel. <style type="text/css"> .RadGrid div[id$="_Frozen"] { height: 18px; /* or */ /*padding-bottom: 1px;*/ } </style> 2. Using JavaScript Subscribe the grid to its GridCreated client-side event, and in the event handler increase the element's height with the scrollbar then revert it back to its original size with a delay: <script type="text/javascript"> function GridCreated(sender, args) { $('div[id$="_Frozen"]').height(17); } </script>
When the Grid is set to have FilterType="HeaderContext" and filtering by a keyword that starts with a question mark "?MyKeyword", an exception will be thrown: System.ArgumentOutOfRangeException: Index was out of range.
The issue can be replicated in our online demo Excel-like Filtering.
Note that the demos will not display the exact exception because it is handled by the CustomError mechanism of the demo site.
In Telerik version 2016.2.607.45, the RadGrid Excel Like Filtering Context Menu Style is Broken. The width and alignment is not 100%. When I drop the older Telerik.Web.UI dll and corresponding Skins dll in my project, the issue is gone. I have attached two images, one from the latest release, and one from the older version. You can see how the latest versions style breaks and does not show the menu correctly.