UI for ASP.NET AJAX Forum RSS

Latest Online Resources about UI for ASP.NET AJAX

25 Feb to 04 Mar 2026: highlights of the new online resources that we published last week.

Article: https://www.telerik.com/products/aspnet-ajax/documentation/integration/jquery
Summary: Learn how to integrate jQuery with Telerik UI for ASP.NET AJAX controls: add jQuery via ScriptManager or RadScriptManager, use jQuery.noConflict to avoid naming collisions, and safely select control markup while working with client-side APIs via $find. You’ll also see how to reinitialize jQuery plugins and event handlers after partial-page updates (RadAjaxManager, RadAjaxPanel, UpdatePanel) using the ASP.NET AJAX pageLoad/Sys.Application.load pattern instead of relying solely on document.ready.

Article: https://www.telerik.com/products/aspnet-ajax/documentation/knowledge-base/grid-cascading-checklist-filtering
Summary: Implement cascading CheckList filtering in Telerik RadGrid for ASP.NET AJAX so each column’s filter items reflect the filters applied to other columns. Handle the FilterCheckListItemsRequested event to compute distinct values from the currently filtered data set (excluding the active column) using the grid’s FilterExpression, with sample approaches for in-memory DataTable filtering and database-backed queries.

Article: https://www.telerik.com/products/aspnet-ajax/documentation/knowledge-base/multiselect-preselecting-items-on-page-load
Summary: Learn how to preselect items in the ASP.NET AJAX RadMultiSelect on initial page load. You can set selected items server-side (e.g., mark items Selected=true or assign the selected values in code-behind), and for data-bound or remote data you can hook OnClientLoad/dataBound and call value([...]) on the underlying Kendo widget (or set_value([...]) on the wrapper) after the data is loaded. The article also notes timing and postback considerations so the tokens render reliably with load-on-demand or AJAX binding.

Article: https://www.telerik.com/products/aspnet-ajax/documentation/knowledge-base/common-include-external-jquery-prior-2026-q1
Summary: Learn how to make Telerik UI for ASP.NET AJAX (versions before 2026 Q1) use an external jQuery by loading your jQuery before RadScriptManager and preventing the suite’s embedded jQuery from being requested, so only one jQuery instance is present. The article covers registering the external file via RadScriptManager/ScriptManager, overriding the jQuery script reference, handling jQuery.noConflict, and version compatibility considerations.

Article: https://www.telerik.com/products/aspnet-ajax/documentation/knowledge-base/disable-drag-drop-radfileexplorer-asyncupload
Summary: Learn how to disable drag-and-drop in Telerik UI for ASP.NET AJAX by preventing file/folder moves in RadFileExplorer and turning off drag-and-drop upload in RadAsyncUpload. The article shows how to use control configuration and client-side JavaScript to cancel drag/drop events and hide drop zones, both for standalone RadAsyncUpload and when it’s embedded in the RadFileExplorer upload dialog.

Article: https://www.telerik.com/products/aspnet-ajax/documentation/knowledge-base/kb-security-insufficient-entropy-cve-2026-2878
Summary: This article documents CVE-2026-2878, an insufficient entropy (predictable randomness) vulnerability in Telerik UI for ASP.NET AJAX that can make certain security tokens predictable under specific configurations. It shows you how to assess exposure by checking your Telerik.Web.UI.dll version and relevant app settings, and how to remediate by upgrading to a fixed release, rotating any affected secrets, and applying temporary mitigations or disabling the impacted feature until patched.

Article: https://www.telerik.com/products/aspnet-ajax/documentation/knowledge-base/scriptmanager-easing-error-after-upgrade-2026-q1
Summary: Learn why upgrading to Telerik UI for ASP.NET AJAX 2026 Q1 can trigger a client-side “Easing is not defined” (or similar) error when pages use the ASP.NET ScriptManager, caused by a changed/relocated Easing script dependency. Fix it by switching to RadScriptManager or explicitly registering the required Easing script, ensuring the correct Telerik resources load (consider clearing CDN/browser cache and reviewing ScriptMode/CombineScripts settings).

Article: https://www.telerik.com/products/aspnet-ajax/documentation/knowledge-base/grid-enabling-horizontal-scrollbar-for-detail-table
Summary: This article shows how to enable a horizontal scrollbar for a Telerik RadGrid (ASP.NET AJAX) detail table (GridTableView) in a hierarchical grid. It walks you through setting ClientSettings.Scrolling.AllowScroll and UseStaticHeaders, assigning explicit widths to the detail table and columns, and applying CSS to the detail table’s rgDataDiv (overflow-x: auto) so wide content scrolls instead of stretching the master row.

Article: https://www.telerik.com/products/aspnet-ajax/documentation/knowledge-base/changing-radradiobuttonlist-item-backcolor-dynamically
Summary: Learn how to dynamically change the background color of individual Telerik RadRadioButtonList items in ASP.NET AJAX using CSS plus per-item styling. The article shows how to assign a custom CssClass or inline style to items on the server (e.g., in PreRender or during data binding) and how to toggle classes on the client with JavaScript via the control’s client-side API and events (such as OnClientLoad or item click), so styles persist across postbacks and respect the skin. It also outlines which element to target in the rendered markup and provides example selectors for applying the background color correctly.

---------------------------------------------------------------------------------------------------------------------------------------------------------

09 Feb to 16 Feb 2026: highlights of the new online resources that we published last week.

Article: https://www.telerik.com/products/aspnet-ajax/documentation/controls/smartpastebutton/overview
Summary: Learn how to use the SmartPasteButton control in Telerik UI for ASP.NET AJAX to paste clipboard content into a specified input or contenteditable element with automatic cleanup (e.g., remove Word/Excel formatting or paste as plain text). The article shows how to add the control, configure cleanup behavior and the paste target, and handle client-side events and API to integrate paste workflows into your Web Forms pages.

Article: https://www.telerik.com/products/aspnet-ajax/documentation/controls/smartpastebutton/appearance
Summary: Use this article to configure the SmartPasteButton appearance in Telerik UI for ASP.NET AJAX: set the Skin, enable or disable embedded skins, choose the render mode, and adjust size, icon, text, and drop-down indicator. It documents the DOM/CSS structure and selectors for each visual state (default, hover, active, disabled) so you can safely override styles and build a custom theme for the SmartPasteButton.

Article: https://www.telerik.com/products/aspnet-ajax/documentation/controls/smartpastebutton/form-fields
Summary: This article explains how to configure SmartPasteButton FormFields in Telerik UI for ASP.NET AJAX so pasted text is parsed and mapped into specific form inputs. You define fields and bind them to controls (RadTextBox, RadNumericTextBox, RadDatePicker, drop-downs, or standard HTML inputs) via IDs/selectors, set metadata (name, label, type, required, hints/synonyms), and specify supported data types to ensure correct population. It also covers client/server configuration and events to validate, inspect, or customize the populated values.

Article: https://www.telerik.com/products/aspnet-ajax/documentation/controls/smartpastebutton/error-handling
Summary: This article shows you how to handle errors raised by the Telerik UI for ASP.NET AJAX SmartPasteButton, including detecting client-side paste failures and handling server-side exceptions. You’ll subscribe to error events, cancel problematic paste operations, and surface fallback messages/logging for scenarios like denied clipboard access or invalid/unsupported content.

Article: https://www.telerik.com/products/aspnet-ajax/documentation/controls/smartpastebutton/getting-started
Summary: Set up the SmartPasteButton control in a Telerik UI for ASP.NET AJAX Web Forms page by registering RadScriptManager, placing the control on the page, and configuring its core properties and target elements. You’ll wire up client-side events (and optional server-side handlers) to capture clipboard data and process the pasted content before applying it to your application’s inputs or other components.

Article: https://www.telerik.com/products/aspnet-ajax/documentation/controls/smartpastebutton/ai-service-integration
Summary: This article shows you how to integrate the ASP.NET AJAX RadSmartPasteButton with an AI provider by routing pasted content through your own server-side endpoint that calls OpenAI or Azure OpenAI and returns the transformed text. You’ll configure the control with the service URL and request options, map SmartPaste actions to prompts, and implement the backend to call a model, handle responses and errors, and keep API keys off the client.

Article: https://www.telerik.com/products/aspnet-ajax/documentation/controls/smartpastebutton/client-side-programming/enums
Summary: This article documents the client-side enumerations exposed by the ASP.NET AJAX SmartPasteButton (Telerik.Web.UI), including paste modes and status/result values, and lists their members. It shows how to reference these enums in JavaScript and use them in client-side event handlers to detect the selected paste option, branch logic, and handle errors without relying on magic strings. Use these enums to write maintainable code that controls and responds to SmartPasteButton behavior at runtime.

Article: https://www.telerik.com/products/aspnet-ajax/documentation/controls/smartpastebutton/server-side-programming/enums
Summary: This article documents the server-side enumeration types used by the Telerik UI for ASP.NET AJAX SmartPasteButton control. It lists each enum and its values and shows where they are used in properties and event arguments, so you can configure paste behavior, control available options, and implement clear code-behind logic in C# or VB.NET.

Article: https://www.telerik.com/products/aspnet-ajax/documentation/controls/smartpastebutton/client-side-programming/events
Summary: This article documents the SmartPasteButton client-side events in Telerik UI for ASP.NET AJAX, including the event sequence during a paste operation, handler signatures, event arguments, and how to subscribe/unsubscribe via JavaScript (add_*/remove_*) or declarative OnClient* properties. Use these hooks to intercept and validate clipboard input, inspect or transform parsed data, handle success and error cases, cancel the default behavior, and integrate the control with your application logic.

Article: https://www.telerik.com/products/aspnet-ajax/documentation/controls/smartpastebutton/client-side-programming/overview
Summary: This article outlines the SmartPasteButton client-side programming model in Telerik UI for ASP.NET AJAX: how to obtain the JavaScript client object, subscribe to client events, and use its methods and properties to control paste behavior at runtime. You’ll see concise patterns and code snippets for wiring event handlers and invoking the API from your page scripts to integrate the control with your application logic.

---------------------------------------------------------------------------------------------------------------------------------------------------------

02 Feb to 09 Feb 2026: highlights of the new online resources that we published last week.

Article: https://www.telerik.com/products/aspnet-ajax/documentation/ai/troubleshooting
Summary: This guide helps you diagnose and fix issues when wiring Telerik UI for ASP.NET AJAX AI integration to OpenAI or Azure OpenAI. It covers common causes—invalid or missing API keys, incorrect base URL or api-version, using model names instead of Azure deployment names, 401/403/404/429 responses, TLS/firewall/CORS problems, and missing ScriptManager/resources—and shows how to verify web.config/code-behind settings, route calls through a server-side proxy, enable provider logging, and test requests independently. Use the checklists to validate payloads and model capabilities, handle timeouts and rate limits with retry/backoff, and confirm the controls are correctly initialized on the page.

---------------------------------------------------------------------------------------------------------------------------------------------------------

10 Nov to 17 Nov 2025: highlights of the new online resources that we published last week.

Article: https://www.telerik.com/products/aspnet-ajax/documentation/knowledge-base/gantt-collapsing-nodes

Summary: Learn how to collapse parent task nodes in Telerik RadGantt for ASP.NET AJAX using the JavaScript client-side API. You’ll see how to collapse all rows on initialization and programmatically toggle a task’s expanded state, so you can start with a compact Gantt and control the hierarchy on demand.

Article: https://www.telerik.com/products/aspnet-ajax/documentation/knowledge-base/autocompletebox-html-encoding-items
Summary: Learn how to control HTML encoding in the RadAutoCompleteBox for ASP.NET AJAX. You’ll encode entry/item text (e.g., via HttpUtility.HtmlEncode) to prevent XSS, and use item/token templates to render intended HTML when you need markup in the dropdown or tokens.

Article: https://www.telerik.com/products/aspnet-ajax/documentation/knowledge-base/grid-reorder-columns-with-keyboard-shortcut
Summary: This article explains how to implement keyboard-based column reordering in Telerik ASP.NET AJAX RadGrid. You enable client-side reordering, hook a keydown handler to move the focused header left or right via the RadGrid client-side API, and optionally persist the new order by setting the columns’ OrderIndex on the server.

Article: https://www.telerik.com/products/aspnet-ajax/documentation/knowledge-base/retrieve-visible-columns-radgrid-aspnet-ajax
Summary: This article shows how to retrieve the currently visible columns in a Telerik RadGrid for ASP.NET AJAX at runtime. It covers server-side enumeration via MasterTableView.RenderColumns (or filtering Columns by Visible and Display) and a client-side approach using masterTableView.get_columns() with column.get_visible()/get_display(), including considerations for columns hidden via the ColumnMenu and built-in utility columns.

Article: https://www.telerik.com/products/aspnet-ajax/documentation/knowledge-base/grid-scrolling-with-frozen-columns-with-mousepad
Summary: This article shows how to make two‑finger touchpad (mousepad) scrolling work correctly in the ASP.NET AJAX RadGrid when Frozen Columns are enabled. You’ll capture wheel/touchpad events over the frozen area and forward the delta to the grid’s scrollable container so horizontal and vertical scrolling stay synchronized, with a concise JavaScript example and guidance on wiring it on grid load.

Article: https://www.telerik.com/products/aspnet-ajax/documentation/knowledge-base/autocompletebox-disabling-dynamically-added-tokens-server-side
Summary: Learn how to disable dynamically added tokens in the ASP.NET AJAX RadAutoCompleteBox on the server side. You add entries in code-behind and mark them non-removable, then use a TokenTemplate and CSS to render them disabled so users cannot delete or interact with those tokens, while leaving user-added tokens unaffected.

---------------------------------------------------------------------------------------------------------------------------------------------------------

05 Nov to 10 Nov 2025: highlights of the new online resources that we published last week.

Article: https://www.telerik.com/products/aspnet-ajax/documentation/knowledge-base/fix-telerik-ui-aspnet-ajax-no-license-error
Summary: This KB explains that the error 'No license found for Telerik UI for ASP.NET AJAX' occurs when Telerik.Licensing cannot detect a valid Telerik license file or Script key (Evidence attribute), which differs based on whether the project is a Web Application or a Web Site. It provides step-by-step remediation paths for both project types, covering NuGet-based licensing, manual Script key integration, and correct placement of the telerik-license.txt or Evidence attribute. Following the appropriate steps and rebuilding the project resolves the licensing validation failure.

---------------------------------------------------------------------------------------------------------------------------------------------------------

29 Oct to 05 Nov 2025: highlights of the new online resources that we published last week.

Article: https://www.telerik.com/products/aspnet-ajax/documentation/controls/speechtotextbutton/overview

Summary: Use the SpeechToTextButton control in Telerik UI for ASP.NET AJAX to capture microphone input and insert recognized text into a specified input or textarea using the browser’s Web Speech API. The overview shows how to configure the target element and recognition settings (language/culture, interim/continuous results), lists HTTPS/permission and browser support requirements (e.g., Chrome/Edge), and details the server- and client-side API and events (start, result, end, error) so you can manage the recognition lifecycle in JavaScript.

Article: https://www.telerik.com/products/aspnet-ajax/documentation/controls/speechtotextbutton/appearance
Summary: This article shows you how to style the ASP.NET AJAX SpeechToTextButton using built‑in skins and custom CSS, including setting the Skin property, toggling EnableEmbeddedSkins/EnableEmbeddedBaseStylesheet, and applying a CssClass. It also covers choosing a RenderMode (Classic or Lightweight) and identifying the control’s HTML/CSS hooks so you can create a custom skin and adjust size, colors, and visual states.

Article: https://www.telerik.com/products/aspnet-ajax/documentation/controls/speechtotextbutton/getting-started
Summary: This guide shows you how to add and configure the SpeechToTextButton in Telerik UI for ASP.NET AJAX to capture microphone input and insert recognized text into a target input (e.g., ASP.NET TextBox or RadTextBox). You’ll register the control, add the markup, associate it with the target input, configure recognition language/options, and wire client-side events for start/stop, results, and errors. It also covers browser and security requirements for the Web Speech API (HTTPS origin and microphone permissions) and provides a minimal working example to validate your setup.

Article: https://www.telerik.com/products/aspnet-ajax/documentation/controls/speechtotextbutton/client-side-programming/enums
Summary: This article lists the client-side enums for the ASP.NET AJAX SpeechToTextButton control and explains the meaning of each value and where it’s used in the control’s JavaScript API. Use these enums in your event handlers and custom logic to check recognition state, handle errors and permission changes, and avoid magic strings or numbers. The enums are available on the client side (Telerik.Web.UI) for consistent integration with SpeechToTextButton.

Article: https://www.telerik.com/products/aspnet-ajax/documentation/controls/speechtotextbutton/server-side-programming/enums
Summary: This article documents the server-side enumerations used by the Telerik UI for ASP.NET AJAX SpeechToTextButton. It lists each enum and its members, explains where they apply in the control’s API, and how they affect behavior and appearance so you can set them correctly in markup or code-behind (C#/VB.NET). Use it as a reference when configuring the control via server-side code.

Article: https://www.telerik.com/products/aspnet-ajax/documentation/controls/speechtotextbutton/client-side-programming/events
Summary: Handle the ASP.NET AJAX SpeechToTextButton client-side events in JavaScript to manage recognition lifecycle, receive result notifications, and handle errors. The article shows how to subscribe via the control’s OnClient* properties or programmatically through the client-side object’s add/remove event methods, and details the event arguments you’ll use to access recognition data and status. Use these hooks to capture interim and final transcripts, update UI state, and control when recognition starts, stops, or is canceled from your application code.

Article: https://www.telerik.com/products/aspnet-ajax/documentation/controls/speechtotextbutton/client-side-programming/overview
Summary: Learn how to get the RadSpeechToTextButton client-side instance in ASP.NET AJAX and use its JavaScript API to start/stop speech recognition, handle results and errors, and update input elements. The article summarizes the control’s client-side events, methods, and properties so you can wire up event handlers and control recognition from JavaScript.

Article: https://www.telerik.com/products/aspnet-ajax/documentation/controls/speechtotextbutton/server-side-programming/overview
Summary: Learn how to use the RadSpeechToTextButton server-side in Telerik UI for ASP.NET AJAX: its server-side properties, methods, and events, and how they interact with the ASP.NET Web Forms page lifecycle. Configure the control in code-behind, handle postbacks, and access the recognized text (e.g., via the target input or control state) for validation and processing.

Article: https://www.telerik.com/products/aspnet-ajax/documentation/knowledge-base/asyncupload-display-pdf-preview-file-selection
Summary: Learn how to show a client-side PDF preview immediately after file selection in ASP.NET AJAX using RadAsyncUpload, without uploading to the server. You handle OnClientFileSelected, get the selected File from the underlying input, validate it as a PDF, and render it in an iframe/object or RadPdfViewer via URL.createObjectURL or FileReader, with notes on multiple files and revoking object URLs.

Article: https://www.telerik.com/products/aspnet-ajax/documentation/controls/speechtotextbutton/client-side-programming/properties
Summary: This article documents the client-side properties of the Telerik ASP.NET AJAX SpeechToTextButton and shows how to access them through its JavaScript object ($find) using the standard get_/set_ pattern. You will learn how to read and update behavior, state, and configuration at runtime (for example, enable/disable, target control, and recognition state) so you can integrate speech-to-text into your forms without postbacks.

Feel free to check them out and share your thoughts!

The Telerik Team

Known Issues and Important Changes

This sticky thread lists known issues and breaking changes introduced in the UI for ASP.NET AJAX releases.

Q3 2011 (Version number: 2011.3.1115)

Problem: When adding items to OData-enabled controls (RadMenu, RadTreeView, RadListBox, RadComboBox) through design time erroneous markup is applied to the control:

<telerik:RadListBox runat="server" ID="RadListBox1">
    <Items>
    </Items>
    <WebServiceSettings>
        <ODataSettings InitialContainerName="">
        </ODataSettings>
    </WebServiceSettings>
</telerik:RadListBox>

Please note the added ODataSettings section. It will cause JavaScript errors on the page.

Solution: Remove the ODataSetting section and the issue will vanish. The problem is also fixed in the Q3 SP1 release, version number 2011.3.1305

I'm getting an error with Telerik

When I run my project I'm getting this error

Could not load file or assembly 'Telerik.Web.UI' or one of its dependencies. The located assembly's manifest definition does not match the assembly reference. (Exception from HRESULT: 0x80131040)

In my web.config I checked that the version in the web.config is the same as the version I'm using in references

Editor still can't edit some HTML...

Using an Editor demo available from the demos, switch to HTML view and paste the following HTML into it:

<div class="row g-3">
<div class="col-6">
<h4>Left column...</h4>
<br />
This selector will match any element that has a class attribute starting with "col-". For example, it will match elements with classes like "col-1", "col-2", "col-header", etc.<br />
<br />
</div>
<div class="col-6"><span>Right column...</span></div>
</div>

Now, switch again to the Design mode.

Try to add some text after the "Right column..." text by placing the cursor in the end of the text, pressing enter and writing something, or just try to change that text format into an H4.

Editor will insert a new paragraph with the col-6 class and outside that DIV!

Here's the result:

<div class="row g-3">
<div class="col-6">
<h4>Left column...</h4>
<br />
This selector will match any element that has a class attribute starting with "col-". For example, it will match elements with classes like "col-1", "col-2", "col-header", etc.<br />
<br />
</div>
<div class="col-6"><span>Right column...</span></div>
<p class="col-6"><span>Just want to add more text...</span></p> --> this should not be here!
</div>

How can this be fixed? Need to provide some snippets but they are unusable this way.

Thank you

Will RadEditor ever support DIV elements properly?

Rad Editor is stuck in time. Today's web content is structured using DIVs, leaving tables for presenting data.

Examples like Telerik Web UI Editor Editable DIV Content Area Demo | Telerik UI for ASP.NET AJAX are so obsolete and shows that this control has been left behind.

Will you ever support creating contents using DIV elements with a dialog box that allows to add CSS classes or define style settings?

Radgrid gridtable view apply multiple filters via filter method

I am filtering a grid (tableview) in javascript to filter to a single condition.

$find(tableViewID).filter("Photo_Group", args.get_item().get_value(), "EqualTo");

However, where can I find how to filter to multiple conditions.

Ie the above condition OR filter("Photo_Group", "-1", "EqualTo");

I can see how to do this using the Filtering control, but I cannot show/use a filtering control on the page.

RadTreeList - Expand Items Stored on Session

Hi,

I need to restore the expanded state of a RadTreeList after a redirect. I am storing the expanded items in Session before the redirect. However, server-side expansion only expands the root, not the child items.

Can someone share a JavaScript example or approach to fully expand all previously expanded nodes by the user after a redirect using the stored session data?

If your approach works in Server Side, I will use it on my solution

Thanks team!

This is an example using server side, but it expands only the first root element (not sure why)

using System;
using System.Collections.Generic;
using System.Data;
using System.Linq;
using Telerik.Web.UI;

namespace SysMgmt.Groups
{
public partial class GroupMaintenanceServer : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
RadTreeList1.NeedDataSource += RadTreeList1_NeedDataSource;
}
}

protected void RadTreeList1_NeedDataSource(object sender, TreeListNeedDataSourceEventArgs e)
{
RadTreeList1.DataSource = GetData();
}

// ✅ Guardar los nodos expandidos antes del render
protected void Page_PreRender(object sender, EventArgs e)
{
var expandedItems = RadTreeList1.Items
.Where(i => i.Expanded)
.Select(i => (int)i.GetDataKeyValue("ID"))
.ToList();

Session["ExpandedNodes"] = expandedItems;
}

protected void RadTreeList1_DataBound(object sender, EventArgs e)
{
if (Session["ExpandedNodes"] is List<int> expanded)
{
foreach (TreeListDataItem item in RadTreeList1.Items)
{
int id = (int)item.GetDataKeyValue("ID");
if (expanded.Contains(id))
item.Expanded = true;
}
}
}

protected void RadTreeList1_ItemCommand(object sender, TreeListCommandEventArgs e)
{
if (e.CommandName == "EditItem" && e.Item is TreeListDataItem dataItem)
{
int id = (int)dataItem.GetDataKeyValue("ID");
Response.Redirect($"EditPage.aspx?id={id}");
}
}

private DataTable GetData()
{
DataTable table = new DataTable();
table.Columns.Add("ID", typeof(int));
table.Columns.Add("ParentID", typeof(int));
table.Columns.Add("Text", typeof(string));
table.Columns.Add("Value", typeof(string));

// Root nodes
table.Rows.Add(1, DBNull.Value, "Root 1", "A");
table.Rows.Add(2, DBNull.Value, "Root 2", "B");

// Children of Root 1
table.Rows.Add(3, 1, "Child 1.1", "A1");
table.Rows.Add(4, 1, "Child 1.2", "A2");

// Children of Root 2
table.Rows.Add(5, 2, "Child 2.1", "B1");
table.Rows.Add(6, 2, "Child 2.2", "B2");

// Sub-child
table.Rows.Add(7, 3, "SubChild 1.1.1", "A1a");

return table;
}
}
}

RadFilter.LoadSettings error after upgrade

After upgrading to version 2026.1.211.462 of Telerik UI for ASP.NET AJAX , we are having a problem with the LoadSettings feature of the RadFilter. It is generating this error for any existing filters. We can delete and re-create filters and it seems to be find going forward but we have dozens of existing filters that will not load.

Unexpected character encountered while parsing value: . Path '', line 1, position 1.

The dreaded 'Sys' is undefined and the crypto dlls used by SSL?

I have a user with Win7 and IE8 who was experiencing the dreaded 'Sys' is undefined script error, when trying to load the page that has the RadEditor on it. He is running a clean install of Win7 and IE8. I was unable to reproduce this on my own clean install of Win7 and IE8.

This user did a search looking for "Can't access https sites", and came up with a link:

http://www.daniweb.com/forums/post894841.html#post894841

that recommended :

Trythis in a dos box

regsvr32 softpub.dll
regsvr32 wintrust.dll
regsvr32 initpki.dll
regsvr32 dssenh.dll
regsvr32 rsaenh.dll
regsvr32 gpkcsp.dll
regsvr32 sccbase.dll
regsvr32 slbcsp.dll
regsvr32 cryptdlg.dll

It fixed all problems!

He did this, and resolved the problem! He can now use the Editor.

I believe that these DLLs are involved in crypto used by the browser for SSL, to it is quite a surprise to me that this has resolved the problem for him.

Very strange. I don't see the connection, and, since I was unable to duplicate the problem, I have no way of testing this.

He claims to have been working with a fresh install of Win7.

If anyone sees a connection between "'Sys' is undefined" and these DLLs and wishes to share, I would appreciate it.

Thanks,

-Jon

Referencing Dynamically Generated PlaceHolder CheckBox Returns Nothing

Language : vb

I have a table that contains a numeric field. Using this field value I generate variable numbers of CheckBoxes in a RadGrid PlaceHolder :

I am attempting reference the CheckBoxes in the selected row and do some processing if the a CheckBox is checked.

I can get the reference to the PlaceHolder : Dim phBlocksCheckBox As PlaceHolder = DirectCast(item.FindControl("phBlocksCheckBox"), PlaceHolder)

But the code to return the CheckBox reference is returning Nothing : Dim BlockCheckBox As CheckBox = DirectCast(phBlocksCheckBox.FindControl("BlockCheckBox_" & cbIndex), CheckBox)

Here is my code :

apsx :
<div style="clear: both">
<div style="float: right; margin-right: 10px;">
<asp:Button ID="GenerateButton" runat="server" Text="Generate Cassette Labels" Disabled="True"/>
</div>
</div>

<telerik:RadGrid ID="RadGrid1" runat="server" AllowPaging="True" AllowSorting="True" GridLines="None" AllowMultiRowSelection="True" AllowFilteringByColumn="True" EnableLinqExpressions="False">
<MasterTableView AutoGenerateColumns="False">
<PagerStyle AlwaysVisible="True"></PagerStyle>
<Columns>
<telerik:GridClientSelectColumn UniqueName="checkboxColumn1" HeaderTooltip="SELECT All" ShowSortIcon="False" ShowFilterIcon="False" Reorderable="False">
<HeaderStyle Width="30px" />
</telerik:GridClientSelectColumn>
<telerik:GridBoundColumn DataField="NumberOfBlocks" HeaderText="Block Count" UniqueName="NumberOfBlocks" AllowFiltering="False" Display="False">
<HeaderStyle Width="20px" />
</telerik:GridBoundColumn>
<telerik:GridTemplateColumn DataField="Block" HeaderText="Blocks" UniqueName="Blocks" AllowFiltering="False">
<ItemTemplate>
<asp:PlaceHolder ID="phBlocksCheckBox" runat="server" />
</ItemTemplate>
</telerik:GridTemplateColumn>
</Columns>
</MasterTableView>
</telerik:RadGrid>

vb :
Public dt As DataTable = Nothing
Protected Sub RadGrid_NeedDataSource(ByVal sender As Object, ByVal e As Telerik.Web.UI.GridNeedDataSourceEventArgs) Handles RadGrid1.NeedDataSource
If dt Is Nothing Then
Dim objRadGrid As RadGrid = CType(sender, RadGrid)
Dim objCommand As New MySqlCommand
dt = New DataTable()

objCommand.CommandText = "SELECT Block AS NumberOfBlocks FROM samples"
Call DBClass.TapDB("ConnStr", objCommand, "getRS", "", dt)

objRadGrid.DataSource = dt
End If
End Sub

Protected Sub RadGrid1_ItemDataBound(sender As Object, e As GridItemEventArgs) Handles RadGrid1.ItemDataBound
'Ensure we are dealing with a data item (not header, footer, etc.)
If TypeOf e.Item Is GridDataItem Then
Dim item As GridDataItem = DirectCast(e.Item, GridDataItem)

'Find the placeholder control defined in the ItemTemplate
Dim phBlocksCheckBox As PlaceHolder = CType(item.FindControl("phBlocksCheckBox"), PlaceHolder)

If phBlocksCheckBox IsNot Nothing Then
Dim NumberOfBlocks As Integer = DataBinder.Eval(item.DataItem, "NumberOfBlocks")

'Dynamically create and add checkboxes
If NumberOfBlocks > 0 Then
For BlockIndex As Integer = 0 To NumberOfBlocks - 1
Dim BlockCheckBox As New CheckBox()
BlockCheckBox.ID = "BlockCheckBox_" & (BlockIndex + 1).ToString()
BlockCheckBox.Text = (BlockIndex + 1).ToString()
BlockCheckBox.Checked = True
phBlocksCheckBox.Controls.Add(BlockCheckBox)
phBlocksCheckBox.Controls.Add(New LiteralControl(" "))
Next
End If
End If
End If
End Sub

Protected Sub Button_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles GenerateCassetteLabelsButton.Click
Dim NumberOfBlocks As Integer = 0

For Each item As GridDataItem In RadGrid1.SelectedItems
NumberOfBlocks = CInt(item("NumberOfBlocks").Text)

Dim phBlocksCheckBox As PlaceHolder = DirectCast(item.FindControl("phBlocksCheckBox"), PlaceHolder)
If phBlocksCheckBox IsNot Nothing Then
HttpContext.Current.Response.Write("phBlocksCheckBox IsNot Nothing<br><br>")
For cbIndex As Integer = 1 To NumberOfBlocks
HttpContext.Current.Response.Write("-BlockCheckBoxID : " & "BlockCheckBox_" & cbIndex & "<br><br>")
Dim BlockCheckBox As CheckBox = DirectCast(phBlocksCheckBox.FindControl("BlockCheckBox_" & cbIndex), CheckBox)

If BlockCheckBox IsNot Nothing Then
HttpContext.Current.Response.Write("BlockCheckBox IsNot Nothing<br><br>")
'Do something with BlockCheckBox.Text
HttpContext.Current.Response.Write("Block : " & BlockCheckBox.Text & "<br><br>")
End If
Next
End If
Next

RadGrid1.Rebind()
End Sub

RadTreeView nesting inside RadCombobox is exceeding the screen space

Hi ,

We have client facing issue where the RadTreeView control nested under RadComboBox is exceeding the popup space and having a page scroll how can i restrict it ? Also RadTreeview Nested under is not detecting the screen boundary and expanding the direction

Adjusting width for RadComboBox if additional image is present

Hi ,

I’m working on aligning the loading dropdown that renders under rcbSlide with the width of the RadComboBox, even when an additional icon is present. Since rcbSlide resides outside the RadComboBox container, I need guidance on how to ensure the dropdown inherits or matches the RadComboBox width consistently.

Best Way to add dynamic Navigation to a DataBound Treeview

I have a simple TreeView

<telerik:RadTreeView ID="radTreeViewIndex" runat="server">
</telerik:RadTreeView>

That I am databinding on the page load.

My query returns heirarchical records such as the following

SPOP TheKey SYear Norder

Null A Adult 4000
Null P Pediatric 3000
A A2022 2022 2500
A A2021 2021 2500
A A2020 2020 2500
P P2022 2022 2000
P P2021 2021 2000
P P2020 2020 2000

On the page load, I call the Oracle query, get back a cursor and construct the treeview by binding a data table to it

DataTable dt1 =
new DataTable();
da1.Fill(dt1);
RadTreeView radTreeViewIndex = (RadTreeView)FindControl("radTreeViewIndex");
radTreeViewIndex.NodeDataBound += new RadTreeViewEventHandler(radTVI_click);
radTreeViewIndex.DataFieldParentID = "SPOP";
radTreeViewIndex.DataFieldID = "theKey";
radTreeViewIndex.DataTextField = "sYear";
radTreeViewIndex.DataValueField = "sYear";

radTreeViewIndex.DataSource = dt1;
radTreeViewIndex.DataBind();

The tree expanded would look like

> Adult

- 2022

- 2021

- 2020

> Pediatric

- 2022

- 2021

- 2020

The databinding and expanding/collapsing is working fine

That I am trying to now do and figure out how best to do is to navigate and load a grid based upon the click of a year

So clicking on Adult or Pediatric Nodes would only expand or collapse the tree
Clicking on the Year node would then call an event that would pass in the population and the year and then load that grid (to the right of the tree) So for clicking on (Adult > 2021 ) node - was thinking navigating back to the page witth these values set, the tree expanded to show the selected node and the grid populated to display the records for population = adult and year = 2021

I was thinking I would add the event to the NodeDataBound

protected void radTVI_click(object sender, RadTreeNodeEventArgs e)
{
if (string.IsNullOrEmpty(e.Node.NavigateUrl))
e.Node.Attributes["onclick"] = "return Redirect(https://myjunkurl.com);";

}

And then work with it to basically ignore or only have expand or collapse on the clicks of Adult or Pediatric but otherwise generate the URL to call the page and pass in the SPop and Year to then load the tree and grid.

Webresource not loading for telerik

Hi The following Web resource is not loading with the latest telerik version 2024.****. and affecting pagination. Can you please help if there is any css or C# code that may affect.

The application is built on asp.net 4.8 webforms. Also could you kindly treat it as high priority as its impacting clients.

Issue : The height and space margins are varying.

Kindly let us know if you need further details

Best Regards,

Sunil Shankar S R

Multiple Row per Record RadGrid

I am trying to figure out how to accomplish this. I am not sure if the RadGrid is best use

I have a data query that will return one or more records

Example - data returned may look like

UserID, User Full Name, User Status, Hire Date, Manager Name, Location, Skill Set, Last Review

And I want to format it as

Record 1

Row - User ID, User Full Name, User Status, Hire Date, Manager Name

Row - Location, Skill Set, Last Review

Next Record

Row - User ID, User Full Name, User Status, Hire Date, Manager Name

Row - Location, Skill Set, Last Review

Etc.

I no problem filling data adapter, filling data table and then binding to grid in single row to record, but setting up multiple rows per record I am struggling.

Thanks

Telerik Web UI JQuery Version Requirement

Is there a JQuery version requirement for using the Telerik Web UI Controls in an ASP.Net Web Forms project? I see the .NET 4.6.2+ but no JQuery version.

postback of page inside window scrolls parent to top

Hello

I have a page that is ajaxed using Ajax Manager. There is a RadWindow on the page which uses navigateurl rather than contenttemplate to show a page within the site (so not an external URL)

That page also has AjaxManager on it. When an ajaxed field within the window is changed the page does a partial postback correctly (and updates whatever it needs to do on itself) however the scroll position of the parent page scrolls to the top.

How do I stop that from happening?

I note that I am using this to scroll back to the window on window load because on opening the window it would scroll to the top as well

function fnRadWindowPageLoad() {
if (modalPopUpScrollPositionObj != null)
window.scrollTo(modalPopUpScrollPositionObj.XCoordinate(), modalPopUpScrollPositionObj.YCoordinate());
}

I'm using this to open the window in the code behind, after I've done some processing

Dim sbScript As New System.Text.StringBuilder()

'This needs the Sys.Application.Load event, as the button performs a full postback, thus disposes the entire user control, as well as the page
sbScript.Append("function f(){")
sbScript.Append("var oWnd = $find('" & RadWindowSearchFilter.ClientID & "');")
sbScript.Append("oWnd.show();")
sbScript.Append("Sys.Application.remove_load(f);")
sbScript.Append("}")
sbScript.Append("Sys.Application.add_load(f);")
ScriptManager.RegisterStartupScript(Page, Me.GetType(), "key", sbScript.ToString(), True)

Got error Ajax manager is null in Master page

Hi sir

I use RadAjaxManager in master page i call the RadAjaxManager in master.js file. in Grid itemdatabound call the function

if (gridid.toString().toLowerCase().indexOf("explorergrid") >= 0) {
$("#ContentPlaceHolder1_ExplorerGridSelectedIndexHidden").val(index);
var ajaxManager = $find('ctl00_RadAjaxManager1');
ajaxManager.ajaxRequestWithTarget('ctl00$ContentPlaceHolder1$explorerGridViewLink', '');
}

when click the grid i got the error in png

Bar and line chart in a single chart

Hello.
I am using ASP.NET Framework, and in the Telerik.Reporting.Graph section I have a chart that is populated by a stored procedure.
The output of my stored procedure has three columns: DayOfMonth, ProductionType, and Value, and it is structured as follows.

DayOfMonth	ProductionType	Value
1	Staple	1244
1	SumAll	3066.2
1	Tow	1822.2
2	Staple	624.9
2	SumAll	3984.6
2	Tow	3359.7
3	Staple	1865.38
3	SumAll	5126.18
3	Tow	3260.8

ProductionType has three values: Tow, Staple, and SumAll.

I need SumAll to be displayed as a line chart, and Tow and Staple to be displayed as bar (column) charts within the same chart.
DayOfMonth should be displayed horizontally on the X-axis and represent the days of the month.

No matter how much I tried, I could not limit the ProductionType values in the line chart using the filters in:

series < lineSeries1 < GraphGroup < Filters
series < SeriesGroup < Filters

so that only ProductionType = SumAll is shown in the line chart.

The only place where I managed to apply this filter was in:

Data < SeriesGroup < Filters

but that filters the entire dataset, causing the bar chart to be filtered as well.

Please help me with this issue.
A sample of my code is attached.

Thank you.

Navigation on expand and collapse scroll bar appears on the grid

Scenario

The page has a left navigation panel that can be collapsed / expanded
On toggle, the main content container width is changed using CSS only (no page refresh)
On initial page load or full refresh, the grid renders correctly
On toggle of grid button in the expand mode only, the grid suddenly shows a horizontal scrollbar

Observed Behaviour

This happens only after clicking toggle ( external button written in C# code)
Rebinding the grid (Rebind()) or calling repaint() does not fix the issue
A full page refresh always fixes it.

How can i prevent the scoll from appearing when the grid has lesser columns. the scrolls appears from _Frozen.

Css used for toggle small -> condensed , and condensed -> small

.small .RadGrid .rgRow td,
.small .RadGrid .rgAltRow td,
.small .RadGrid .rgEditRow td,

.small .gridFillLayoutPanel .RadGrid_Metro .rgHeader th,
.small .gridFillLayoutPanel .RadGrid_Metro .rgGroupHeader th,
.small .RadGrid .rgRow > td,
.small .RadGrid .rgAltRow > td,
.small .RadGrid .rgEditRow > td,
.small .RadGrid .rgFilterRow > td {
padding-left: 8px !important;
padding-right: 8px !important;
line-height: 32px !important;
height: 32px !important;
font-family: @font-tab-title;
font-size: 12px;
padding-top: 7px !important;
padding-bottom: 7px !important;
text-align: left;
}

.condensed .gridFillLayoutPanel .RadGrid_Metro .rgRow td,
.condensed .gridFillLayoutPanel .RadGrid_Metro .rgAltRow td,
.condensed .gridFillLayoutPanel .RadGrid_Metro .rgEditRow td
.condensed .gridFillLayoutPanel .RadGrid_Metro .rgHeader,
.condensed .gridFillLayoutPanel .RadGrid_Metro .rgGroupHeader td,
.condensed .RadGrid .rgRow > td,
.condensed .RadGrid .rgAltRow > td,
.condensed .RadGrid .rgEditRow > td,
.condensed .RadGrid .rgFilterRow > td,
.condensed .RadGrid .rgHeader th,
.condensed .RadGrid .rgGroupHeader th {
padding-left: 7px !important;
padding-right: 7px !important;
line-height: 24px !important;
height: 24px !important;
font-family: @font-tab-title;
font-size: 11px !important;
padding-top: 3px !important;
padding-bottom: 3px !important;
text-align: left;
}

Best Regards,

Sunil Shanakr S R

Trail license not working

I downloaded the trial version of DevCraft and am using the license key in my .NET application. Tried adding the license both ways -

- NuGet Telerik license

- Copy the script to .cs file

But I see the same error on running the application.

Could not load file or assembly 'Telerik.Licensing.Runtime, Version=1.6.31.0, Culture=neutral, PublicKeyToken=98bb5b04e55c09ef' or one of its dependencies. The located assembly's manifest definition does not match the assembly reference. (Exception from HRESULT: 0x80131040)

Why not keeping Window element in the original DOM position?

RadWindow is a great control and it's very usefull.

The issues start when the UI inside gets more complex, and requires javascript to deal with interactions on client side instead of server side.

The RadWindow control is placed inside a parent element but when it opens, all the contents get relocated into the DOM root causing a problem with event listeners, element finding among other headaches.

Testing with your Telerik Web UI Window Content Template Demo | Telerik UI for ASP.NET AJAX demo, moving the generated window element "RadWindowWrapper_ctl00_ContentPlaceholder1_UserListDialog" inside its original element "demo-container", kept the demo working perfectly with no side effects.

So, the question is, why are you moving the contents of a RadWindow to the DOM root causing so many problems for those who need to create complex UIs inside the window? Can't you at least let the developer decide that with a parameter?

Is there any way to avoid this behaviour, maybe using javascript?

Thank you.

RadGrid: Inconsistent Sorting and Row Selection Behavior with Duplicate Values

Hello Telerik Support,

We are experiencing an issue with the RadGrid control when sorting by a single column that contains many duplicate values. The ordering of the results is inconsistent, which can confuse users. Additionally, in some cases, selecting a row causes the grid to re-sort unexpectedly, rather than navigating to the selected record’s page.

This behavior only occurs when sorting by a single column with non-unique values. When sorting by multiple columns, the ordering and navigation work as expected.

Could you please advise on:
• How to ensure stable and predictable sorting in RadGrid when sorting by columns with duplicate values?
• Best practices for maintaining consistent row selection and navigation behavior in these scenarios?

We are targeting .NET Framework 4.8.

Thank you for your assistance.

New StripJavaScriptUris Content Filter

2025 Q4 Release strips inline base64 encoded image source by default.

With the introduction of the new StripJavaScriptUris content filter that is enabled by default as part of the DefaultFilters, we are seeing inline base64 encoded image source data completely erased.

For example an image that looks like this:

<img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAAEAYABgAAD//gAfTEVBRCBUZWNobm9sb2dpZXMgSW5jLiBWMS4wMQD/...." />

becomes

<img src="" />

Is this the intended behavior for this content filter?

I was able to correct this by adding the following attribute to my <telerik:RadEditor> tag:

ContentFilters="RemoveScripts,StripDomEventAttributes,EncodeScripts,StripCssExpressions,FixUlBoldItalic,IECleanAnchors,MozEmStrong,ConvertTags,ConvertFontToSpan,OptimizeSpans,ConvertToXhtml,IndentHTMLContent,ConvertCharactersToEntities,RemoveExtraBreaks"

Essentially its the same as DefaultFilters, minus the new StripJavaScriptUris.

Please advise...

-Mark

mediaplayer keyboard support?

WCAG Accessibility requires keyboard support, but the documentation doesn't show any support?

https://www.telerik.com/products/aspnet-ajax/documentation/controls/mediaplayer/accessibility-and-internationalization/wcag-2.0-and-section-508-accessibility-compliance

DNN 9.11.3 Telerik Fix

I realize this isn't a DNN forum, but couldn't find anything there so hoping someone here can answer.

After upgrading to DNN 9.11.3 several modules don't work right because DNN no longer supports Telerik.

I've read somewhere that you can purchase a Telerik license and just update the dlls for it in DNN in order to resolve this issue.

Has anyone else had this experience?

Thanks

Latest version for .NET framework 4.7.2

What is the latest compatible Telerik.Web.UI version for .NET framework 4.7.2 that can address the security vulnerabilities.

Current version used in the project is - 2012.3.1308.40

Looking to fix the following vulnerabilities -

CVE-2019-19790, CVE-2019-18935, CVE-2017-11357, CVE-2017-11317, CVE-2017-9248, CVE-2014-4958

RadGrid GridHeaderItem visible=false is still using up screen space

I'm trying hide a couple of columns in a RadGrid. I can do this in RadGrid1_ItemDataBound with the GrdiHeaderItem setting visible = false.

However, the output still uses space for the 2 columns that were hidden at the end of the grid.

Looking at the page source when I run my app there are 2 extra <col /> tags in <colgroup> and the <tfoot> tag has 2 extra <td></td> tags. There is the correct number of <td> tags in each row in <tr> in the table body.

Could this be from css? Is there a way in override this in RadGrid1_ItemDataBound manually?

Update 2025.4 fails

On our side the update to version 2025.4 is failing because of browser inlog issue, see attaches screenshot.

What to do?

Marc

Telerik RadGrid

I’m working with Telerik RadGrid and need an example where filtering is enabled on the columns and vertical scrolling is also active. Could someone direct me to a demo or sample that demonstrates this setup?

Need guidance on handling issues with delta updates in ASP.NET AJAX

Hey everyone, I'm working on an ASP.NET AJAX project and am having some confusion about handling delta updates within partial postbacks.

Specifically:

I'm trying to update just a small part of a control using delta logic, but the entire control seems to refresh instead.
I'm not sure if I'm missing a required setting on the UpdatePanel or if delta updates require a different approach in Telerik controls.
If anyone has best practices, examples, or even "don't do this" warnings, I would seriously appreciate the help.

I am waiting yours valuable replies. Thanks in advance!

RadMultiSelect Get List of Items Server Side

Is there any way to get a list of all items from a RadMultiSelect?

I've found the solution of get it from the datasource, but I'm remodeling exiting code that is replacing RadListBoxes and it would be simpler if I could read the items from RadMultiSelect.Items.

Bernie

Editor inserting "extra" stuff.

If the user selects the highlighted text individually (by double clicking their mouse and highlighting the words) and paste it into an Editor, all is good.

However, if the user triple clicks to highlight the entire sentence and then paste that into an Editor, this is what shows up in the HTML view:

<div>
<div id="ctl00_Main_Content_ctl00_Main_Content_RadMultiPagePanel">
<div id="ctl00_Main_Content_RadMultiPage">
<div id="Main_Content_SummaryPage">
<div>
<div>Please load claims from QNXT Production 09/12/2025 into Test Reports.</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div>
<div>
<div id="ctl00_Main_Content_ctl00_Main_Content_ddlQuickLinksPanel">
<div id="ctl00_Main_Content_ddlQuickLinks" tabindex="0">&nbsp;</div>
</div>
</div>
</div>
</div>

It's like the "copy" action is taking some of the pieces of the page the text is on.

Is there a way to prevent this?

I still want the user to be able to copy/paste images into the Editor, but this is causing problems. In the users minds they are simply copying and pasting text.

How to change the Slider selected item on the client with JavaScript

Using the following client script to change the selected value of the slider. However, it does not seem that the "item" or slider "set_value()" function is doing anything. The selected value nor the position of the of the slider changes on the client.

Thank you in advance for any help resolving this issue.

Client Script:

var dateValue = dayjs(selectedDate).format("M/D/YYYY");
var slider = $find("<%=RadSlider1.ClientID%>");
var items = slider.get_items();
for (var i = 0; i < items.length; i++) {
	 var item = items[i];
	 var sliderDate = item.get_value();
	 if (sliderDate == dateValue) {
		 item.set_value(dateValue);
		slider.set_value(dateValue);
		slider.repaint();
		break;
		}
}

Slider Markup

<telerik:RadSlider ID="RadSlider1" runat="server" Skin="Bootstrap" Width="98%" Height="50" Orientation="Horizontal" CssClass="ItemsSlider" OnClientValueChanged="Slider_ValueChanged" AnimationDuration="400" EnableServerSideRendering="true" TrackPosition="BottomRight" ItemType="Item" ThumbsInteractionMode="Push" DataSourceID="dsWeekDays">
	<ItemBinding TextField="WeekdayName" ValueField="WeekdayDate" ToolTipField="WeekdayDate"  />
</telerik:RadSlider>

<asp:SqlDataSource ID="dsWeekDays" runat="server" ConnectionString="<%$ ConnectionStrings:CHPCOMSDB %>" SelectCommand="SELECT WeekdayDate = FORMAT(Weekdaydate, 'M/d/yyyy'), WeekdayName FROM dbo.fx_getLastFiveWeekdays() ORDER BY WeekdayDate" SelectCommandType="Text"></asp:SqlDataSource>

Document Manager file options menu disappears when zooming out

Hi, I am facing an issue where the Document Manager pop-up window that appears when attaching documents disappears from the right-hand file settings menu when zooming out of the page in any browser.

The issue is also reproducible here: Official RadEditor By Telerik

Please see the recording for more information:- https://jam.dev/c/de662891-5a44-4419-8738-616672fbb7f8

Before:-

After:-

Accessibility issues - Image Manager and Document Manager popup windows

Hello Telerik Team,

Our customers identified a few accessibility concerns related to the RadEditor Image Manager and Document Manager popup windows:

Keyboard Focus on Popup Activation
When a user tabs to the Image Manager plugin and presses Enter, the popup window opens. However, keyboard focus does not automatically move into the popup. Instead, the user must press the Tab key again to shift focus manually.
➤ To meet accessibility standards, focus should move directly into the modal or popup when it appears. This ensures that keyboard and screen reader users can interact with the dialog immediately without navigating through background content.
Missing Dialog Roles and Labels
The dialog containers ( see below ) currently lack appropriate accessibility roles.
➤ Each dialog container should include role="dialog".
➤ If the dialog has a visible title, it should also include aria-labelledby referencing the ID of that title element. This allows assistive technologies to announce the dialog context clearly.

Is there any way to fix these two issues?

Thanks,

Lan

TreeList, restore previously expanded items after redirect

Hi,

Can someone share a JavaScript example or approach to fully expand all previously expanded nodes after a redirect using the stored session data? Or maybe provide a better example on Server Side

Thanks!

This is the example I was using on server side, but it only expands the root element

using System;
using System.Collections.Generic;
using System.Data;
using System.Linq;
using Telerik.Web.UI;

namespace Momentum.Mapp.WebApp.SysMgmt.Groups
{
public partial class GroupMaintenanceServer : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
RadTreeList1.NeedDataSource += RadTreeList1_NeedDataSource;
}
}

protected void RadTreeList1_NeedDataSource(object sender, TreeListNeedDataSourceEventArgs e)
{
RadTreeList1.DataSource = GetData();
}

protected void Page_PreRender(object sender, EventArgs e)
{
var expandedItems = RadTreeList1.Items
.Where(i => i.Expanded)
.Select(i => (int)i.GetDataKeyValue("ID"))
.ToList();

Session["ExpandedNodes"] = expandedItems;
}

protected void RadTreeList1_DataBound(object sender, EventArgs e)
{
if (Session["ExpandedNodes"] is List<int> expanded)
{
foreach (TreeListDataItem item in RadTreeList1.Items)
{
int id = (int)item.GetDataKeyValue("ID");
if (expanded.Contains(id))
item.Expanded = true;
}
}
}

protected void RadTreeList1_ItemCommand(object sender, TreeListCommandEventArgs e)
{
if (e.CommandName == "EditItem" && e.Item is TreeListDataItem dataItem)
{
int id = (int)dataItem.GetDataKeyValue("ID");
Response.Redirect($"EditPage.aspx?id={id}");
}
}

// Ejemplo de datos simples
private DataTable GetData()
{
var dt = new DataTable();
dt.Columns.Add("ID", typeof(int));
dt.Columns.Add("ParentID", typeof(int));
dt.Columns.Add("Name", typeof(string));

dt.Rows.Add(1, DBNull.Value, "Continents");
dt.Rows.Add(2, 1, "Asia");
dt.Rows.Add(3, 1, "Europe");
dt.Rows.Add(4, DBNull.Value, "Oceans");
dt.Rows.Add(5, 4, "Pacific");
dt.Rows.Add(6, 4, "Atlantic");

return dt;
}

}
}

OK and Cancel button is not visible properly for Telerik RadEditor Classic Render Mode

Hi,

The OK and Cancel buttons of Image Map Editor are not properly visible in French (France).

I have attached a screenshot.

Problem with XAxis steps and labels

I cannot seem toe get my XAxis right with the following code, I simply want to display whole hours on the X-axis and values coming from a dataset like so

0 2025-10-22 00:31:16.000
0 2025-10-22 00:31:46.000
0 2025-10-22 00:32:16.000
0 2025-10-22 00:32:46.000
0 2025-10-22 00:33:16.000
18 2025-10-22 00:33:46.000
1591 2025-10-22 00:34:16.000
1584 2025-10-22 00:34:46.000
1585 2025-10-22 00:35:16.000
1589 2025-10-22 00:35:46.000
1585 2025-10-22 00:36:16.000
0 2025-10-22 00:36:46.000
0 2025-10-22 00:37:16.000
0 2025-10-22 00:37:46.000
0 2025-10-22 00:38:16.000
0 2025-10-22 00:38:46.000
0 2025-10-22 00:39:16.000
0 2025-10-22 00:39:46.000
0 2025-10-22 00:40:16.000
0 2025-10-22 00:40:46.000

This produces the XAxis as shown in the attached screenshot.

What is the way to go?

Broken demo pages

Greetings,

I have noticed today that the following demo pages are broken when using the latest versions of Chrome & Edge:

https://demos.telerik.com/aspnet-ajax/htmlchart/examples/appearance/configuringappearance/defaultcs.aspx

https://demos.telerik.com/aspnet-ajax/htmlchart/examples/functionality/dateaxis/defaultcs.aspx

https://demos.telerik.com/aspnet-ajax/htmlchart/examples/functionality/multiline-labels/defaultcs.aspx

https://demos.telerik.com/aspnet-ajax/htmlchart/examples/functionality/pan-zoom/defaultcs.aspx

Each of these have a series of JavaScript errors that prevent the page from working:

RadHtmlChart.js:79 Uncaught SyntaxError: Invalid or unexpected token
at b.RadHtmlChart._parseObject (RadHtmlChart.js:79:46)
at b.RadHtmlChart._configurePlotArea (RadHtmlChart.js:128:47)
at b.RadHtmlChart._getMainConfig (RadHtmlChart.js:96:20)
at b.RadHtmlChart._getChartConfig (RadHtmlChart.js:82:3)
at b.RadHtmlChart._createStandardChart (RadHtmlChart.js:74:57)
at b.RadHtmlChart.createChart (RadHtmlChart.js:59:3)
at b.RadHtmlChart._initialize (RadHtmlChart.js:40:3)
at b.RadHtmlChart.initialize (RadHtmlChart.js:34:7)
at b.RadHtmlChart.endUpdate (Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=ctl00_QsfScriptManager_TSM&compress=1&_TSM_CombinedScripts_=%3b%3bSystem.Web.Extensions%2c+Version%3d4.0.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d31bf3856ad364e35%3aen-US%3a5bc44d53-7cae-4d56-af98-205692fecf1f%3aea597d4b%3ab25378d2:6:53689)
at Sys.Component.create (Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=ctl00_QsfScriptManager_TSM&compress=1&_TSM_CombinedScripts_=%3b%3bSystem.Web.Extensions%2c+Version%3d4.0.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d31bf3856ad364e35%3aen-US%3a5bc44d53-7cae-4d56-af98-205692fecf1f%3aea597d4b%3ab25378d2:6:55151)

Hope this helps ....

I am getting following Telerik errors when Compiling the Application

Hi,

I am new to the Telerik, I have big story to ask, first I installed the Version=2016.1.113.35 on my Local machine, and started using the application everything was working good, before that I had different Version=2015.2.623.45 of Telerik on the same machine on top of it I installed the current Version=2016.1.113.35. But when I deployed it on the Server, and server has the older version= 2015.2.623.45 that I had on my machine. And on the Server Telerik controls stopped working like RadEditor was completely disabled.

Then I did some crazy mistake, I tried to manually copy the dlls of the same Version from Server and added them in to References thinking that this will work as backward compatibility would exist. Now it started giving me different Compilation errors. I am little frustrated can somebody please help me in this regards.

My errors are as below:

<pre>

Unable to resolve type 'Telerik.Web.UI.RadAjaxLoadingPanel, Telerik.Web.UI, Version=2016.1.113.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4'

Unable to resolve type 'Telerik.Web.UI.RadTextBox, Telerik.Web.UI, Version=2016.1.113.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4'
Unable to resolve type 'Telerik.Web.UI.RadMaskedTextBox, Telerik.Web.UI, Version=2016.1.113.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4'
Unable to resolve type 'Telerik.Web.UI.RadAutoCompleteBox, Telerik.Web.UI, Version=2016.1.113.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4'
Unable to resolve type 'Telerik.Web.UI.RadAjaxManager, Telerik.Web.UI, Version=2016.1.113.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4'

</pre>

And my Web Config is as below any help please?

<PRE>

</PRE>

Telerik AJAX license error - Upgraded from Perpetual License to Subscription

I Upgraded from ASP.net AJAX perpetual license to Dev Complete subscription and am running into ASP.NET AJAX License Error Banner & Watermarks issue. I have tried several approaches, but unable to solve the issue.

Running a Web Application that is set to .net 4.7.2
I installed Telerik 2025.3.825.462 and Telerik.Licensing.Runtime
Copied the License vb script for UI for ASP.NET AJAX and pasted to top of assemblInfo.vb, the rebuild the project.
I still get the banner. I have also tried copying the license.txt file to AppData\Roaming\telerik
Also tried to Copy the VB code snippet into a new file, for example, TelerikLicense.vb and add to my project.
I have tried removing .bin and .obj folders then rebuilding

Nothing is working. One odd thing I did notice is my VB Script License Key has 2 Assembly: Telerik.Licensing.EvidenceAttribute entries. In all of the Tutorial videos I have watched they only have 1 Assembly Entry. Could one of these entries be my old perpetual license? Please advise what other steps I can try to troubleshoot.

RadGrid custom aggregate with hide/show columns

On my pageI have a RadGrid with columns containing gross and net ammounts and a RadButton "Gross/Net". By clicking the button the grid shows it columns accordingly. Worked liek a charm.

Then I added aggregates od type "Sum" and still everything worked fine.

After that I added an aggregate od type "Custom" to one of the columns (which calculates and shows everything as it should) but than I lost the button funcionality, clicking it does not switch the columns visibility.

The button does: myGrid.MasterTableView.GetColumn("mycolumn").Display = Not mybutton.Checked.
Also tried: myGrid.MasterTableView.GetColumn("mycolumn").Visible = Not mybutton.Checked

Adding a radgird to page is now generating this error

When I attempt to add a rad grid to a page I am getting this error every time. This is noew as I use grids all the time.

This is just added and no functionality is yet attached to the grid.

RadEditor Table Plugin ( Keyboard Accessibility Issue )

Hello Telerik team,

Our customer reported that the Telerik RadEditor table plugin is not accessible using the keyboard. I tested it on the RadEditor demo page and confirmed the same issue. Is there any solution for this?

Thanks in advance,

Lan

Telerik radgridview last row uneditable

Im using visual studio 2019 to develop an application in asp.net using c#

I have a telerik radgrid and it has a few columns that have text boxes to make it editable.

This works find but when the grid is loaded with data and the rows go to the bottom edge of the webpage you cant edit the text boxes in the last row, like they become readonly. This only happens to the first 5 editable columns the last 3 columns are ok and working.

Ive tried adding a DIV round the grid so the grid doesnt go right to the bottom of the webpage but the same issue occurs when the rows reach the bottom of the DIV.

Thanks

Grid - Export to Excel (Xlsx) - Wrap Text for a column

How can I get one column (let's say, the 4th column) to wrap when exported?

Circular Gauge Center Template value will not center within

I have a Circular Gauge within a bootstrap card. I cannot seem to get the "CenterTemplate" value centered in the gauge. Is there a setting I'm missing or does someone have a custom CSS to help. below is the html markup along with an attached image of the gauge.

Thank you in advance for any help!

<div class="card shadow mb-4" id="gaugecontainer1">
     <div class="card-header py-3">
	   <h6 class="m-0 font-weight-bold text-primary">Daily Productivity Rate</h6>
       </div>
	<div class="card-body">
            <div class="container-fluid align-content-center">								
	        <telerik:RadCircularGauge ID="Gauge1" runat="server" Width="90%" Height="350px" Font-Size="X-Large"   Skin="Silk" CssClass="gauge-left-padd">
		<ClientEvents OnLoad="Gauge1_OnLoad" />
		<CenterTemplate>
			#:value # %
		</CenterTemplate>
		<Scale Min="0" Max="200">
		         <Labels Visible="true" Position="Inside" Font="12px Arial,Helvetica,sans-serif" Format="{0}%" />
			<MajorTicks Visible="true" Size="20" Color="Black" />
			<MinorTicks Visible="true" Color="Black" />
		 </Scale>
		<ColorsCollection>
			<telerik:ArcGaugeColor From="0" To="79" Color="Red" />
			<telerik:ArcGaugeColor From="80" To="90" Color="Orange" />
			<telerik:ArcGaugeColor From="91" To="100" Color="Yellow" />
			<telerik:ArcGaugeColor From="101" To="120" Color="LightGreen" />
			<telerik:ArcGaugeColor From="121" To="200" Color="Blue" />
		</ColorsCollection>
	</telerik:RadCircularGauge>								
     </div>
 </div>
</div>
.gauge-left-padd {
    padding-left: 2em;
}

<script type="text/javascript">
    var gauge1, TO = false;
    function Gauge1_OnLoad(sender, args) {
	gauge1 = sender.get_kendoWidget();
     }
     window.onresize = (function () {
	if (TO !== false)
		clearTimeout(TO);
	TO = setTimeout(resizeGauge, 200);
        });
        function resizeGauge() {
	       if (gauge1) {
		   gauge1.resize();
	        }
          }
</script>

Nested ListView - How to Connect

How can I connect listChild to listParent using the Parent_ID?

<telerik:RadListView ID="listParent" DataKeyNames="Parent_ID" DataSourceID="sqlParent" RenderMode="Lightweight" runat="server">
    <ItemTemplate>
        ID: <%# Eval("Parent_ID") %>
        <%# Eval("Parent_Name") %>

        <telerik:RadListView ID="listChild" DataKeyNames="Parent_ID" DataSourceID="sqlChild" RenderMode="Lightweight" runat="server">
            <ItemTemplate>
                <!-- child details would go here -->
            </ItemTemplate>
        </telerik:RadListView>

        <asp:SqlDataSource ID="sqlChild" runat="server" ConnectionString="<%$ ConnectionStrings:cs %>" SelectCommand="Impact.usp_exe_get_Child" SelectCommandType="StoredProcedure">
            <SelectParameters>
                <asp:Parameter Name="Parent_ID" /> <!-- Parent ID from listParent-->
            </SelectParameters>
        </asp:SqlDataSource>
    </ItemTemplate>
</telerik:RadListView>

<asp:SqlDataSource ID="sqlParent" runat="server" ConnectionString="<%$ ConnectionStrings:cs %>" SelectCommand="Impact.usp_exe_get_Parent" SelectCommandType="StoredProcedure"></asp:SqlDataSource>

OTPInput Autopostback - workaround or in future update?

I don't think OTPInput control has an autopostback and so I am using this code to call client event then do post back via hidden link button to my server side function. This is used for allowing a user to enter a three digit entry key number and doesn't require them to enter the numbers and press a button for speed. If the control had autopostback when all boxes have a value and the last box value is entered this would make the control much more useful. Is there a better way of doing this?

<telerik:RadScriptManager ID="RadScriptManager1" runat="server" />


<telerik:RadOTPInput ID="otpKeySearch" runat="server" Placeholder="0-9" Space="true" Type="Number">
<Items>
<telerik:OTPInputItem GroupLength="3" />
</Items>
<ClientEvents OnChange="keyOTPOnChange" />
</telerik:RadOTPInput>


<asp:LinkButton ID="btnOtpPostBack"
runat="server"
OnClick="otpKeySearchChanged"
UseSubmitBehavior="false"
Style="display:none;" />

<script type="text/javascript">
// Fires every time the OTP value changes
function keyOTPOnChange(sender, args) {
var value = args.get_value() || "";
// Only act once we have exactly three digits 0-9
if (value.length === 3 && /^\d{3}$/.test(value)) {
// Force a full postback to the hidden LinkButton
__doPostBack('<%= btnOtpPostBack.UniqueID %>', '');
}
}
</script>

' Handles the hidden LinkButton postback
Protected Sub otpKeySearchChanged(sender As Object, e As EventArgs) Handles btnOtpPostBack.Click
Dim theKeyNumber As String = ""
If otpKeySearch IsNot Nothing AndAlso otpKeySearch.Value IsNot Nothing Then
theKeyNumber = otpKeySearch.Value.Trim()
End If
If theKeyNumber <> "" AndAlso theKeyNumber.Length = 3 AndAlso IsNumeric(theKeyNumber) Then
' get key number from database and perform redirect to keys panel of relevant entry dashboard
End If
' If we got here (redirect above failed - value was invalid or key not found in database) show the radNotify with message to user
notifyInvalidSearch.Show()
End Sub