I have a RadEditor with RenderMode="Auto" as in html code below ( there is no code-behind for this page since no server-side code is being executed).
When I switch to mobile view on Chrome Dev tools then I see the RadEditor render in mobile mode. But, if I click on Find and Replace icon of RadEditor, then it results in a JavaScript error as shown in attached screenshot. It seems that RenderMode="Auto" doesn't work as expected.
Do you know of any workaround that can fix this problem? I am using R2 2020 version of ASP.Net AJAX controls. I need to use RenderMode="Auto" since that is needed for seamless skinning of all controls on the aspx page.
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="RadEditor.aspx.cs" Inherits="RadEditor" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no">
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager runat="server" ID="sm1"></asp:ScriptManager>
<telerik:RadEditor runat="server" ID="RadEditor3" RenderMode="Auto"> </telerik:RadEditor>
</form>
</body>
</html>1 Answer, 1 is accepted
Hi Sunil,
I have good news that the bug will be fixed in the upcoming R1 2022 release due in mid-January 2022.
For the earlier versions, you can fix the issue by enabling the FindReplaceOverlay functionality by setting RadEditor1.FindReplaceOverlay.Visible = true; in the Page_Load handler:
protected void Page_Load(object sender, EventArgs e)
{
if (RadEditor1.ResolvedRenderMode == Telerik.Web.UI.RenderMode.Mobile)
{
RadEditor1.FindReplaceOverlay.Visible = true;
}
}
Best Regards,
Rumen
Progress Telerik
Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.
Rank 2
Iron
Hi Rumen,
Thankyou for your response.
I could not find any instance method called FindReplaceOverlay on the radeditor instance.
Thanks
Sunil
The source code history shows that the FindReplaceOverlay setting is available since April 2015. Is your Telerik.Web.UI.dll older than it? Which assembly version is referenced by your app?
For your convenience, I have attached a simple test project for you to see how the proposed solution works with a relatively older version like 2020.1.114.
Rank 2
Iron
Here is the video which shows there is no method by that name: https://www.screencast.com/t/HGYNzykJ
I actually had an older version 2018.3.910.45 in the website project.
Then, I updated the Telerik assembles in this website project to version 2020.2.617.45.
In both the above versions, I saw that FindReplaceOverlay method was not there.
But, the sample you sent works on my end and the method is found, even though the Telerik.Web.UI.dll your sample is using is older that 2020.2.617.45 that I am now using.
Yes, the FindReplaceOverlay property does not appear in the intellisense because it's Browsable attribute is set to false:
[Browsable(false)]
[DesignerSerializationVisibility(DesignerSerializationVisibility.Hidden)]
[EditorBrowsable(EditorBrowsableState.Never)]
public FindReplaceMobile FindReplaceOverlay
Nevertheless, you can use it with version 2018.3.910.45 as shown in my video: http://youtu.be/P78ZAdONUGU?hd=1 and work around the problem.
By the way, we are going to release R1 2022 with the fix applied in the middle of the upcoming week.
Rank 2
Iron
The strange thing I am seeing is that if I take your sample project which you sent and just replace all dll files in bin folder to version 2020.2.617.45, then it works.
So, the question is why it isn't working with same version in my website project?
Rank 2
Iron