Questions on UI for ASP.NET AJAX Forum

1 answer

13 views

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.

Editor

answered on 10 Nov 2025

1 answer

15 views

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>

Slider

answered on 06 Nov 2025

1 answer

16 views

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:-

Editor

answered on 03 Nov 2025

4 answers

30 views

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

Editor

answered on 31 Oct 2025

1 answer

25 views

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;
}
}
}

TreeList

answered on 30 Oct 2025

1 answer

30 views

TreeList, restore previously expanded items after redirect

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 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;
}

}
}

TreeList

answered on 29 Oct 2025

1 answer

29 views

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.

Button

ImageEditor

updated question on 27 Oct 2025

1 answer

18 views

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?

Chart (HTML5)

answered on 27 Oct 2025

2 answers

158 views

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 ....

Grid

answered on 20 Oct 2025

7 answers

3.2K+ views

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>

Ajax

answered on 16 Oct 2025