Last Updated: 12 Oct 2021 15:58 by ADMIN
Created by: Bob
Comments: 0
Category: HtmlChart
Type: Bug Report

The charts starts to perform zooming when the user pans with one finger in touch devices.

Steps to reproduce:

1. Open the following demo in a touch device (or Chrome simulator)


2. Start panning until the zooming issue occurs


Video: http://somup.com/cr6lo73b73 

Last Updated: 11 Oct 2021 09:38 by ADMIN
Created by: Jeff Fritz
Comments: 4
Category: UI for ASP.NET AJAX
Type: Feature Request
It would be helpful if the BarCode control could render DataMatrix barcodes
Last Updated: 08 Oct 2021 09:06 by ADMIN

Currently, the enter key is not closing the popup when pressed on the already selected date. Can be tested in https://demos.telerik.com/aspnet-ajax/datepicker/accessibilityandinternationalization/wcag2.0andsection508accessibility/defaultcs.aspx

Note: The popup calendar can be closed with Esc key in this case

Last Updated: 07 Oct 2021 10:36 by ADMIN
Release R3 2021 SP1

JavaScript error is thrown then multiple RadNotification instances with enabled audio are shown.

Error message:

[Intervention] Blocked attempt to create a WebMediaPlayer as there are too many WebMediaPlayers already in existence. See crbug.com/1144736#c27

Last Updated: 06 Oct 2021 11:10 by ADMIN
Release R3 2021 SP1

The issue is replicated in R3 2021 only. 

<telerik:RadTabStrip runat="server"  ID="RadTabStrip1" >
        <telerik:RadTab Text="Tab 1">
                <telerik:RadTab Text="fail"></telerik:RadTab>
        <telerik:RadTab Text="Tab 2"></telerik:RadTab>
        <telerik:RadTab Text="Tab 3"></telerik:RadTab>

Solution from Admin:

Place the load/script below somewhere under the ScriptManager. It can be added in the MasterPage if needed:

    Sys.Application.add_init(function fixTabStrip() {
        if (Telerik && Telerik.Web && Telerik.Web.UI && Telerik.Web.UI.RadTabStrip) {
            Telerik.Web.UI.RadTabStrip.prototype._childInserted = function (index, tab, owner) {
                this._allTabs = null;

                if (this._cachedSelectedTab) {
                    this._cachedSelectedTab = null;

                if (tab._cachedSelected) {
                    tab._cachedSelected = false;

                Telerik.Web.UI.RadTabStrip.callBaseMethod(this, "_childInserted", [index, tab, owner]);

                if (tab.get_isBreak()) {
                    var breakElement = document.createElement("li");
                    breakElement.className = "rtsBreak";
                    owner.get_childListElement().insertBefore(breakElement, tab._element.nextSibling);

                //if (tab.get_parent() && tab.get_parent() instanceof Telerik.Web.UI.RadTab && tab.get_parent().get_selected()) {
                //    $telerik.$(tab.get_parent().get_levelElement()).removeClass("rtsHidden");

Last Updated: 06 Oct 2021 08:21 by ADMIN
Release R3 2021 SP1
When I'm having an accessibility tool like JAWS read the numerical pager (see screenshot attached), it reads: "1 : Link", "2 : Link" etc. (and "Dot dot dot : Link" for any GridLinkButton with that text.)

I want it to read a custom message, like "Go to page {0:D}", for the numerical pager GridLinkButtons, either in the corresponding GridLinkButton's title or aria-label attribute. The custom text should preferably be retrieved from GlobalResources.

I also want to be able to provide a separate, customizable title/aria-label text for the [...] GridLinkButtons, too.

For details see support ticket #1068383.
Pending Review
Last Updated: 05 Oct 2021 13:48 by John
Created by: John
Comments: 0
Category: DateRangePicker
Type: Bug Report


When RadDateRangePicker has StartDatePicker-AutoPostBack and EndDatePicker-AutoPostBack set to "true", after postback when focusing the end date: the days from ending month are not selected in the calendar.

They are selected on the left side, but not on the right side. Is this intended behavior? 

Code excerpt:

<telerik:RadDateRangePicker ID="rdrpDateRange" runat="server" StartDatePicker-AutoPostBack="true" EndDatePicker-AutoPostBack="true" />

Thank you.

Last Updated: 05 Oct 2021 08:22 by ADMIN
Scheduled for R1 2022
Created by: Asif Pathan
Comments: 0
Category: ComboBox
Type: Bug Report

The SelectionChanged event is fired before Page_Load, hence when the ViewState is applied, it overrides the changes made inside the OnSelectionChanged handler.

Example - Clearing the CheckBox selection of a RadComboBox inside SelectionChanged

Workaround - Create a custom boolean property on the page and set it to true inside the SelectionChanged. Then, in Page_Load or the OnLoad event of any control, execute your logic based on the custom boolean property value.

In Development
Last Updated: 04 Oct 2021 11:15 by ADMIN
Scheduled for R3 2021 SP1

HeaderContextMenu filter functions such as "GreaterThanOrEqualTo", "LessThanOrEqualTo" are not working.

This issue happens with the Header Context Menu. The following scenarios are affected:

Last Updated: 22 Sep 2021 13:22 by ADMIN
Created by: UXWorks
Comments: 1
Category: DateRangePicker
Type: Feature Request

I'm really disappointed with how basic the functionality is that rolled out with the new DataRangePicker. At a minimum, I thought you would include these two pieces of functionality:

  • A section where we can customize or show preset ranges a user can select from, such as yesterday, today, last week, this week, last month, this month, etc.
  • The ability to put the start and end date in a single input box, not requiring two boxes

Other competitors and systems have these and I would have thought they would have been out of the box.

Attached are a few screenshots.

Last Updated: 22 Sep 2021 13:19 by ADMIN
Created by: UXWorks
Comments: 0
Category: DateRangePicker
Type: Feature Request
Add the ability to put the start and end date in a single input box, not requiring two boxes.
Last Updated: 20 Sep 2021 11:31 by ADMIN

Some PDF documents not displaying correctly in RadPdfViewer - the text is missing, showing only box borders. The issue is not reproducible neither in PDF.js, nor in Kendo UI PDF Viewer:


Last Updated: 19 Sep 2021 01:37 by Narendra
Created by: karthikeyan
Comments: 1
Category: Grid
Type: Bug Report

Axe Tool Accessibility


Structure for reproduction:

<telerik:RadGrid RenderMode="Lightweight" ID="RadGrid_CIPCodes" GridLines="None" runat="server" Skin="Bootstrap" role="application"
    GroupingSettings-CaseSensitive="False" FilterType="Combined"
    <MasterTableView CommandItemDisplay="TopAndBottom" DataKeyNames="OrderID" HorizontalAlign="NotSet" EditMode="Batch" Caption="Master Table" AutoGenerateColumns="False"
        NoMasterRecordsText="No new CIP Code(s) to add!" ShowHeadersWhenNoRecords="true">
        <BatchEditingSettings EditType="Row" />
        <CommandItemSettings ShowAddNewRecordButton="false" SaveChangesText="Save" CancelChangesText="Cancel" ShowRefreshButton="false" />
            <telerik:GridSortExpression FieldName="OrderID" SortOrder="Ascending" />
        <PagerStyle Mode="NextPrevAndNumeric" PageButtonCount="3" Position="Bottom" ChangePageSizeButtonToolTip="PageSizeButton" ChangePageSizeTextBoxToolTip="ChangePageSizeToolTip" />
        <RowIndicatorColumn CurrentFilterFunction="Contains" FilterListOptions="VaryByDataType" Visible="False">
            <HeaderStyle />
            <telerik:GridBoundColumn DataField="OrderID" HeaderStyle-Width="100px" HeaderText="CIP Code" SortExpression="CIP_Code" UniqueName="CIP_Code" ForceExtractValue="InEditMode"
                FilterListOptions="VaryByDataType" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" ShowFilterIcon="false" ReadOnly="true" FilterControlWidth="90px">
            <telerik:GridBoundColumn DataField="ShipCountry" HeaderStyle-Width="210px" HeaderText="Display Text" SortExpression="Display_Text" ForceExtractValue="InEditMode" AutoPostBackOnFilter="true"
                UniqueName="Display_Text" CurrentFilterFunction="Contains" ShowFilterIcon="false">
                <ColumnValidationSettings EnableRequiredFieldValidation="true">
                    <RequiredFieldValidator ForeColor="Red" Text="*This field is required" Display="Dynamic">
            <telerik:GridBoundColumn HeaderStyle-Width="210px" HeaderText="Value" ShowFilterIcon="false" UniqueName="Disp_Value" DataField="ShipCountry" SortExpression="Disp_Value" ForceExtractValue="InEditMode" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains"></telerik:GridBoundColumn>
            <telerik:GridBoundColumn HeaderStyle-Width="210px" HeaderText="Open Doors Code" UniqueName="OpenDoorsCode" DataField="ShipCountry" AllowFiltering="false" HeaderStyle-Font-Bold="true" ConvertEmptyStringToNull="true"></telerik:GridBoundColumn>
            <telerik:GridTemplateColumn HeaderText="STEM Eligible" DefaultInsertValue="" HeaderStyle-Width="100px" UniqueName="StemEligible" AllowFiltering="false" HeaderStyle-Font-Bold="true">
                    <telerik:RadDropDownList RenderMode="Lightweight" runat="server" ID="StemEligibleDropDown">
                            <telerik:DropDownListItem Text="" Value="" Selected="true" />
                            <telerik:DropDownListItem Text="Yes" Value="1" />
                            <telerik:DropDownListItem Text="No" Value="0" />
            <telerik:GridCheckBoxColumn HeaderStyle-Width="100px" HeaderText="Add to DB" HeaderTooltip="header tooltip" UniqueName="AddToDB" AllowFiltering="false" HeaderStyle-Font-Bold="true" ToolTip="Is Checked?"></telerik:GridCheckBoxColumn>
    <ClientSettings AllowKeyboardNavigation="true"></ClientSettings>
        <CollapseAnimation Type="OutQuint" Duration="100" />


Data binding

protected void RadGrid_CIPCodes_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)
    (sender as RadGrid).DataSource = OrdersTable();

private DataTable OrdersTable()
    DataTable dt = new DataTable();

    dt.Columns.Add(new DataColumn("OrderID", typeof(int)));
    dt.Columns.Add(new DataColumn("OrderDate", typeof(DateTime)));
    dt.Columns.Add(new DataColumn("Freight", typeof(decimal)));
    dt.Columns.Add(new DataColumn("ShipName", typeof(string)));
    dt.Columns.Add(new DataColumn("ShipCountry", typeof(string)));

    dt.PrimaryKey = new DataColumn[] { dt.Columns["OrderID"] };

    for (int i = 0; i < 70; i++)
        int index = i + 1;

        DataRow row = dt.NewRow();

        row["OrderID"] = index;
        row["OrderDate"] = new DateTime(DateTime.Now.Year, DateTime.Now.Month, DateTime.Now.Day, 0, 0, 0).AddHours(index);
        row["Freight"] = index * 0.1 + index * 0.01;
        row["ShipName"] = "Name " + index;
        row["ShipCountry"] = "Country " + index;


    return dt;







Last Updated: 14 Sep 2021 13:19 by ADMIN

When filtering for a negative number in a GridNumericColumn with a Numeric Type of "Currency" and  AutoPostBackOnFilter="true"  filter loses its negative value on Enter keypress.

Setup to reproduce:

<telerik:RadGrid ID="RadGrid1" runat="server" AllowPaging="True" Width="800px" OnNeedDataSource="RadGrid1_NeedDataSource"
    <MasterTableView AutoGenerateColumns="False">
            <telerik:GridNumericColumn DataField="Price" DataType="System.Decimal"
                FilterControlAltText="Filter Price column" HeaderText="Price"
                SortExpression="Price" UniqueName="Price" NumericType="Currency" 
                AutoPostBackOnFilter="true" CurrentFilterFunction="EqualTo">


protected void RadGrid1_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)
    (sender as RadGrid).DataSource = Enumerable.Range(1,6).Select(x=> new { Price = Math.Pow(-1, x) * (x * 0.1 + x * 0.01) });
Type a negative value e.g. "-0.11" in the filter control and press Enter. The filter value changes to a positive one and then the filter applies.



Last Updated: 14 Sep 2021 12:36 by ADMIN
Last Updated: 14 Sep 2021 12:33 by ADMIN
Release Q2 2015
When two RadEditors with different TrackChanges mode are defined on the page, a JavaScript error is thrown when inserting a list. The issue is reproducible only when the firstly declared RadEditor has EnabledTrackChanges set to false (the default value), while the second one has EnabledTrackChanges set to false.

Temporary workarounds:

Variant 1: Declare the not tracked RadEditors after the tracked ones, so there scripts will be loaded properly.

Variant2: Set the EnabledTrackChanges of all RadEditors on the page to true.

Steps to reproduce
1. Run the following code:

    <telerik:RadEditor ID="RadEditor1" runat="server">
        <telerik:RadEditor ID="HiddenRadEditor" runat="server" EnableTrackChanges="true">

2. Write something and press Enter

3. Click on the "Unordered List" tool

Result: A JavaScript error is thrown
Last Updated: 14 Sep 2021 12:32 by ADMIN
Release Q1 2015
For the time being you can use the following CSS:
        a.rfdSelect.rfdSelect_Default {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All" RenderMode="Lightweight" />
        <asp:DropDownList ID="Dropdownlist1" runat="server">
            <asp:ListItem Value="" Text="(Not Completed)">
            <asp:ListItem Value="2" Text="Equipment Note ttttttttttt tttttttttt tt tt" Selected="true">
            <asp:ListItem Value="3" Text="Test">
            <asp:ListItem Value="4" Text="Hello">
Last Updated: 14 Sep 2021 12:30 by ADMIN
Release Q1 2016
When a RadSlider with Lightweight render mode and 100% width is vertically oriented, the text of its items has a fixed size that is not enough to fully display a larger text. 
Last Updated: 14 Sep 2021 12:29 by ADMIN
Release Q1 2015 SP1
If a horizontal RadSlider is set with ItemType=Tick or ItemType=Item, its decrease and increase handles are disabled and the MetroTouch/BlackMetroTouch skin is used, the ticks will not be positioned correctly. The effect depends on the value of the TrackPosition property:

   - If TrackPosition´╗┐=TopLeft´╗┐, all ticks will be misplaced.
   - If TrackPosition=BottomRight or TrackPosition=Center, the last tick will appear on a new line.
Last Updated: 14 Sep 2021 12:29 by ADMIN
Release Q1 2016
When a RadSlider control is set with ItemType="Item" and has items that are not rendered (they are set with Visible="false"), the drag handle is positioned as if the invisible items are present in the slider.
1 2 3 4 5 6